Home/Libraries/OpenMoji (Iconify)/headache

OpenMoji (Iconify)

Headache

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><defs><path id="SVGj4LxvbzR" d="m43.393 16.948l1.982-4.037l2.027 2.152l2.49-5.072M24.574 8.857l2.332 3.845l-2.904.549l2.931 4.831m9.804-2.802l-.189-4.493l-2.722 1.153l-.238-5.645"/></defs><path fill="#d0cfce" d="M56.376 61.299v-1.777a1.6 1.6 0 0 1-.092-.506a3.56 3.56 0 0 0-2.026-3.48c-.248-.139-.488-.304-.736-.443A48.6 48.6 0 0 0 46 51.927c-1.224-.433-2.458-.847-3.674-1.298a1.64 1.64 0 0 1-1.169-1.62c-.01-1.05-.037-2.1.028-3.149a2.27 2.27 0 0 1 .46-1.224a9.05 9.05 0 0 0 1.805-4.217a6.9 6.9 0 0 1 .57-2.044a10.6 10.6 0 0 0 1.087-3.168a6 6 0 0 0 .01-1.528c-.037-.626-.166-1.252-.166-1.887a9 9 0 0 1 .156-1.593a7.6 7.6 0 0 0-2.375-6.786a8.52 8.52 0 0 0-4.87-2.366a15 15 0 0 0-1.556-.165v-.01a.5.5 0 0 0-.11.01a.4.4 0 0 0-.102-.01v.01a15 15 0 0 0-1.565.165a8.55 8.55 0 0 0-4.87 2.366a7.59 7.59 0 0 0-2.366 6.786a11.5 11.5 0 0 1 .156 1.593c-.009.635-.129 1.261-.165 1.887a6.5 6.5 0 0 0 0 1.528a10.6 10.6 0 0 0 1.095 3.168a7.1 7.1 0 0 1 .562 2.044a9.06 9.06 0 0 0 1.814 4.216a2.27 2.27 0 0 1 .46 1.225c.064 1.05.027 2.099.018 3.149a1.626 1.626 0 0 1-1.17 1.62c-1.215.45-2.448.865-3.673 1.298a48 48 0 0 0-7.513 3.167c-.248.138-.488.304-.736.442a3.56 3.56 0 0 0-2.026 3.48a2 2 0 0 1-.101.506v1.777"/><path fill="#d22f27" d="M31.01 22.43c1.408-.701 6.117-2.657 10.433-.007a.77.77 0 0 1 .357.653v3.084a.768.768 0 0 1-.971.735a17.3 17.3 0 0 0-9.281-.037a.758.758 0 0 1-.96-.736v-3.009a.76.76 0 0 1 .421-.683"/><g fill="none" stroke="#818cf8"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M56.376 61.299v-1.777a1.6 1.6 0 0 1-.092-.506a3.56 3.56 0 0 0-2.026-3.48c-.248-.139-.488-.304-.736-.443A48.6 48.6 0 0 0 46 51.927c-1.224-.433-2.458-.847-3.674-1.298a1.64 1.64 0 0 1-1.169-1.62c-.01-1.05-.037-2.1.028-3.149a2.27 2.27 0 0 1 .46-1.224a9.05 9.05 0 0 0 1.805-4.217a6.9 6.9 0 0 1 .57-2.044a10.6 10.6 0 0 0 1.087-3.168a6 6 0 0 0 .01-1.528c-.037-.626-.166-1.252-.166-1.887a9 9 0 0 1 .156-1.593a7.6 7.6 0 0 0-2.375-6.786a8.52 8.52 0 0 0-4.87-2.366a15 15 0 0 0-1.556-.165v-.01a.5.5 0 0 0-.11.01a.4.4 0 0 0-.102-.01v.01a15 15 0 0 0-1.565.165a8.55 8.55 0 0 0-4.87 2.366a7.59 7.59 0 0 0-2.366 6.786a11.5 11.5 0 0 1 .156 1.593c-.009.635-.129 1.261-.165 1.887a6.5 6.5 0 0 0 0 1.528a10.6 10.6 0 0 0 1.095 3.168a7.1 7.1 0 0 1 .562 2.044a9.06 9.06 0 0 0 1.814 4.216a2.27 2.27 0 0 1 .46 1.225c.064 1.05.027 2.099.018 3.149a1.626 1.626 0 0 1-1.17 1.62c-1.215.45-2.448.865-3.673 1.298a48 48 0 0 0-7.513 3.167c-.248.138-.488.304-.736.442a3.56 3.56 0 0 0-2.026 3.48a2 2 0 0 1-.101.506v1.777"/><path stroke-miterlimit="10" stroke-width="1.5" d="M31.01 22.43c1.408-.701 6.117-2.657 10.433-.007a.77.77 0 0 1 .357.653v3.084a.768.768 0 0 1-.971.735a17.3 17.3 0 0 0-9.281-.037a.758.758 0 0 1-.96-.736v-3.009a.76.76 0 0 1 .421-.683Z"/><use href="#SVGj4LxvbzR" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g><use href="#SVGj4LxvbzR" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HeadacheIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.