ICONYZ
日本語
Font Awesome 6 Solid の Fan アイコン

Fan アイコン

fa6-solid:fan

Fan アイコン(fa6-solid:fan)は、Font Awesome 6 Solid セットの無料 SVG アイコンです(作者: Dave Gandy)。 512 × 512 のグリッドで描かれています。 Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome 6 Solid
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
512 × 512
カテゴリ
エネルギー、スピナー、家庭用品
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M258.6 0c-1.7 0-3.4.1-5.1.5C168 17 115.6 102.3 130.5 189.3c2.9 17 8.4 32.9 15.9 47.4L32 224h-2.6C13.2 224 0 237.2 0 253.4c0 1.7.1 3.4.5 5.1C17 344 102.3 396.4 189.3 381.5c17-2.9 32.9-8.4 47.4-15.9L224 480v2.6c0 16.2 13.2 29.4 29.4 29.4c1.7 0 3.4-.1 5.1-.5c85.5-16.5 137.9-101.8 123-188.8c-2.9-17-8.4-32.9-15.9-47.4L480 288h2.6c16.2 0 29.4-13.2 29.4-29.4c0-1.7-.1-3.4-.5-5.1c-16.5-85.5-101.8-137.9-188.8-123c-17 2.9-32.9 8.4-47.4 15.9L288 32v-2.6C288 13.2 274.8 0 258.6 0M256 224a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>

Fan アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa6-solid:fan" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa6-solid:fan" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa6-solid:fan" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--fan]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:fan"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa6-solid:fan"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa6-solid/fan.svg" alt="Fan アイコン" width="24" height="24">

他のアイコンセットの Fan アイコン

Fan アイコン のよくある質問

Fan アイコンは商用利用でも無料ですか?

はい。Font Awesome 6 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Fan アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa6-solid:fan" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Fan アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa6-solid/fan.svg" alt="Fan アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome 6 Solid アイコン をすべて見る →