ICONYZ
日本語
WebHostingHub Glyphs の Fan アイコン

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 コード

<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 コードをページに直接貼り付けます。

WebHostingHub Glyphs アイコン をすべて見る →