Fan アイコン
whh:fan
Fan アイコン(whh:fan)は、WebHostingHub Glyphs セットの無料 SVG アイコンです(作者: WebHostingHub)。 962 × 1025 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 962 × 1025
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="962" height="1025" viewBox="0 0 962 1025"><path fill="currentColor" d="M830 526q62 34 95.5 83t36 101T951 810t-39 90q-33 54-80 86.5t-101.5 37T619 998q-13-7-21.5-20.5t-13-28t-6-39T577 869t.5-50t.5-51q-1-78-13-139q-25 11-51 11q-24 0-47-9q-64 74-106 101q-52 33-104.5 35.5t-94-21t-73-57.5T35 613Q7 560 1.5 506.5t15-100.5T84 329q16-7 31-8t38 7.5t43 19.5t46.5 27.5t50 31.5t51.5 30.5t52 25.5q10-24 29-43q-39-114-39-176q0-53 18-95.5T451.5 79t68-45.5t77-26T674 0q96 0 160 48.5T898 183q0 29-33 59t-75.5 53T688 351.5T594 413q27 22 39 53q136 26 197 60m-316.5-78q-26.5 0-45 19T450 512.5t18.5 45t45 18.5t45.5-18.5t19-45t-19-45.5t-45.5-19"/></svg>Fan アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:fan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:fan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:fan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--fan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:fan"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:fan"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/fan.svg" alt="Fan アイコン" width="24" height="24">WebHostingHub Glyphs の関連アイコン
他のアイコンセットの Fan アイコン
Fan アイコン のよくある質問
Fan アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Fan アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:fan" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fan アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/fan.svg" alt="Fan アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。