Headache Outline 24px アイコン
healthicons:headache-outline-24px
Headache Outline 24px アイコン(healthicons:headache-outline-24px)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 24 × 24 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 症状
- タグ
- headacheoutline、outline24px、headacheoutline24px
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.37 2.279a.75.75 0 1 0-1.168.942l.461.57l-.676.101a.87.87 0 0 0-.62.41a.82.82 0 0 0 .067.938l1.197 1.481a.75.75 0 1 0 1.167-.942l-.461-.57l.676-.101a.87.87 0 0 0 .62-.41a.82.82 0 0 0-.067-.938zM14 9.5a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path d="M8.351 8.564a1 1 0 0 1 .585 1.287l-.891 2.378l1.29-.215a1 1 0 0 1 .365.006l.127.013q.173.017.33.091l.985.468a2 2 0 0 0 1.716 0l.985-.468q.157-.074.33-.091l.127-.013a1 1 0 0 1 .364-.006l1.291.215l-.891-2.378a1 1 0 0 1 1.872-.702l1.44 3.838a1.1 1.1 0 0 1-1.211 1.47L15 14.098v2.368l1.5 1a1.1 1.1 0 0 1 .47 1.118l-.487 2.601a1 1 0 0 1-1.966-.368l.378-2.017l-1.395-.3a9.8 9.8 0 0 0-3 0l-1.395.299l.378 2.017a1 1 0 0 1-1.966.368l-.488-2.601a1.1 1.1 0 0 1 .471-1.118l1.5-1v-2.368l-2.165.36a1.1 1.1 0 0 1-1.21-1.47l1.439-3.838a1 1 0 0 1 1.287-.585M6.182 2.317A.75.75 0 0 1 7.24 2.22l1.594 1.326c.254.21.35.534.284.828a.87.87 0 0 1-.489.6l-.736.337l.796.662a.75.75 0 1 1-.96 1.153L6.135 5.801a.84.84 0 0 1-.283-.83a.87.87 0 0 1 .488-.598l.736-.338l-.795-.662a.75.75 0 0 1-.098-1.056m10.579-.097a.75.75 0 0 1 .959 1.153l-.796.662l.736.338a.87.87 0 0 1 .488.599a.84.84 0 0 1-.283.829L16.27 7.126a.75.75 0 0 1-.959-1.153l.796-.662l-.736-.338a.87.87 0 0 1-.489-.599a.84.84 0 0 1 .284-.828z"/></g></svg>Headache Outline 24px アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:headache-outline-24px" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:headache-outline-24px" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:headache-outline-24px" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--headache-outline-24px]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:headache-outline-24px"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:headache-outline-24px"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/headache-outline-24px.svg" alt="Headache Outline 24px アイコン" width="24" height="24">Health Icons の関連アイコン
Headache Outline 24px アイコン のよくある質問
Headache Outline 24px アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Headache Outline 24px アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:headache-outline-24px" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Headache Outline 24px アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/headache-outline-24px.svg" alt="Headache Outline 24px アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。