Headache icon
healthicons:headache
The Headache icon (healthicons:headache) is a free SVG icon from the Health Icons set by Resolve to Save Lives. It is drawn on a 48 × 48 grid. Health Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Health Icons
- Author
- Resolve to Save Lives
- License
- MIT
- Size
- 48 × 48
- Category
- Conditions
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M13.367 4.226a1 1 0 0 1 1.407.14l4 4.89A1 1 0 0 1 18 10.889h-1.587l1.354 1.421a1 1 0 0 1-1.447 1.38l-2.966-3.111a1 1 0 0 1 .724-1.69h1.812l-2.664-3.256a1 1 0 0 1 .14-1.407M24 23a4 4 0 1 0 0-8a4 4 0 0 0 0 8"/><path fill-rule="evenodd" d="M30 28.349c.376.078.78.16 1.182.24c.744.148 1.52.292 2.126.378c.289.041.61.08.89.087c.116.003.367.006.643-.051c.124-.026.435-.098.761-.318c.383-.258.898-.82.898-1.685c0-.227-.04-.418-.048-.454l-.001-.005a4 4 0 0 0-.047-.194a9 9 0 0 0-.105-.367c-.08-.265-.19-.609-.317-.996c-.255-.778-.593-1.778-.928-2.758a646 646 0 0 0-1.228-3.554l-.116-.332a2 2 0 1 0-3.776 1.32v.001l.115.327a657 657 0 0 1 1.588 4.613c-.604-.122-1.195-.246-1.678-.348l-.03-.006a119 119 0 0 0-.969-.2a4 4 0 0 0-.221-.033h-.001c-.026-.003-.12-.014-.238-.014c-.477 0-.847.18-.878.194l-.002.001c-.107.049-.199.1-.25.129c-.077.044-.178.104-.26.153l-.067.04a9 9 0 0 1-.785.427c-.628.299-1.405.556-2.258.556s-1.631-.258-2.26-.556a9 9 0 0 1-.784-.426l-.07-.042c-.082-.05-.18-.108-.254-.15a3 3 0 0 0-.247-.128C20.368 24.19 19.99 24 19.5 24c-.123 0-.221.012-.247.015h-.001a2 2 0 0 0-.223.036l-.25.05l-.672.144l-.045.01c-.476.103-1.062.23-1.663.353l.332-.928c.282-.79.578-1.607.83-2.303v-.002c.335-.924.591-1.633.635-1.773a2 2 0 1 0-3.815-1.2l-.03.083l-.1.28c-.083.234-.197.547-.33.917l-.056.152c-.258.714-.58 1.606-.9 2.497c-.341.953-.683 1.916-.94 2.667c-.127.374-.239.71-.32.97c-.04.129-.078.258-.109.373a4 4 0 0 0-.048.206l-.001.004A2.2 2.2 0 0 0 11.5 27c0 .76.404 1.31.789 1.61c.323.251.644.344.785.38c.299.076.57.077.693.076c.294-.002.628-.04.919-.08a38 38 0 0 0 2.14-.383c.4-.08.8-.164 1.174-.243v3.908a2 2 0 0 0-.28.196l-3 2.5a2 2 0 0 0-.688 1.894l1 5.5a2 2 0 0 0 3.96-.539l-.396-4.358l.075-.054c4.211-.806 6.555-.811 10.655-.002l.078.056l-.396 4.358a2 2 0 0 0 3.96.539l1-5.5a2 2 0 0 0-.688-1.894l-3-2.5a2 2 0 0 0-.28-.196zm4.302-3.294h-.007z" clip-rule="evenodd"/><path d="M33.226 4.367a1 1 0 0 1 1.548 1.266L32.11 8.89h1.812a1 1 0 0 1 .724 1.69l-2.966 3.11a1 1 0 0 1-1.447-1.38l1.354-1.421H30a1 1 0 0 1-.774-1.633zm-9.739-.157c.53-.213 1.118.016 1.312.511l1.368 3.486a.97.97 0 0 1-.202 1.003a1.1 1.1 0 0 1-1.015.341L24 9.365l.748 1.745c.21.49-.045 1.071-.57 1.299c-.523.227-1.118.015-1.328-.474l-1.5-3.5a.97.97 0 0 1 .182-1.018c.255-.29.651-.426 1.024-.352l1.019.2l-.695-1.77c-.194-.496.078-1.071.607-1.285"/></g></svg>How to use the Headache icon
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:headache" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:headache" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:headache" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--headache]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:headache"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:headache"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/healthicons/headache.svg" alt="Headache icon" width="24" height="24">Related icons in Health Icons
Headache icon in other icon sets
Headache icon FAQ
Is the Headache icon free for commercial use?
Yes. Health Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Headache icon in React?
Install @iconify/react and render <Icon icon="healthicons:headache" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Headache icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/healthicons/headache.svg" alt="Headache icon">, or paste the SVG code inline to style it with CSS.