Fever Outline 24px アイコン
healthicons:fever-outline-24px
Fever Outline 24px アイコン(healthicons:fever-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
- カテゴリ
- 感情
- タグ
- feveroutline、outline24px、feveroutline24px
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.319 4.398a8 8 0 0 0-.274.698A8.003 8.003 0 0 0 4.249 10.01a3 3 0 0 0-2.225 1.296C2.38 6.106 6.71 2 12 2c1.773 0 3.439.462 4.883 1.271q-.36.667-.564 1.127m.351 5.225q.168.188.35.343l-.16.079c-.51.237-1.182.393-1.914.197c-.731-.196-1.236-.667-1.56-1.128a3.5 3.5 0 0 1-.56-1.286l1.471-.288c.03.154.13.444.318.712c.184.263.42.461.72.541c.246.066.497.041.74-.045q.228.468.594.875M12 22c-4.374 0-8.092-2.808-9.45-6.72a2.99 2.99 0 0 0 2.492.671a8 8 0 0 0 14.832-5.373q.814-.241 1.457-.955a4 4 0 0 0 .29-.362c.247.87.379 1.79.379 2.739c0 5.523-4.477 10-10 10"/><path d="M9.704 7.54c-.03.154-.129.444-.317.712c-.185.263-.421.461-.72.541s-.603.027-.894-.108a2 2 0 0 1-.631-.459l-1.131.986c.229.262.625.598 1.13.833c.51.237 1.183.393 1.914.197c.732-.196 1.236-.667 1.56-1.128c.319-.455.494-.944.561-1.286z"/><path fill-rule="evenodd" d="M8.995 13.495A4.25 4.25 0 0 1 16.25 16.5v.75h-8.5v-.75q0-.393.071-.774l-2.32-.995a2 2 0 1 1 .998-1.748l2.14.917q.164-.213.356-.405m2.973 2.255a1 1 0 0 0-.574-.67l-1.304-.558a2.75 2.75 0 0 1 4.556 1.228z" clip-rule="evenodd"/><path d="M19 9q-.824 0-1.413-.588A1.93 1.93 0 0 1 17 7q0-.676.375-1.437Q17.75 4.8 19 3q1.25 1.8 1.625 2.563Q21 6.325 21 7q0 .824-.587 1.412A1.93 1.93 0 0 1 19 9"/></g></svg>Fever Outline 24px アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:fever-outline-24px" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:fever-outline-24px" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:fever-outline-24px" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--fever-outline-24px]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:fever-outline-24px"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:fever-outline-24px"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/fever-outline-24px.svg" alt="Fever Outline 24px アイコン" width="24" height="24">Health Icons の関連アイコン
Fever Outline 24px アイコン のよくある質問
Fever Outline 24px アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fever Outline 24px アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:fever-outline-24px" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fever Outline 24px アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/fever-outline-24px.svg" alt="Fever Outline 24px アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。