Mode Fan アイコン

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

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

material-symbols-light:mode-fan

Mode Fan アイコン(material-symbols-light:mode-fan)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Symbols Light
作者: Google
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: 家庭用品
タグ: modefan、mode fan rounded、mode fan sharp

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.716 20.808q-.968 0-1.476-.58q-.51-.58-.51-1.305q0-.496.211-.974t.676-.782q.57-.388.945-1.044t.56-1.454q-.247-.094-.484-.217q-.236-.123-.457-.32l-2.339.845q-.367.13-.7.211t-.68.081q-1.287 0-2.278-1.163t-.992-3.39q0-.968.57-1.477q.57-.508 1.29-.508q.515 0 .996.21q.48.211.785.676q.388.57 1.044.945t1.454.56q.094-.247.217-.484q.123-.236.32-.457l-.845-2.339q-.13-.348-.212-.69q-.08-.343-.08-.666q0-1.523 1.327-2.408q1.326-.886 3.226-.886q.968 0 1.476.57q.51.57.51 1.29q0 .477-.211.967t-.676.794q-.57.389-.946 1.054q-.376.666-.558 1.464q.265.113.502.236q.236.123.438.3l2.339-.869q.367-.13.687-.199t.668-.068q1.66 0 2.477 1.405q.818 1.406.818 3.148q0 .968-.608 1.476q-.608.51-1.352.51q-.471 0-.924-.211t-.757-.676q-.388-.57-1.044-.946t-1.454-.558q-.094.246-.217.473t-.32.467l.845 2.339q.13.342.211.656q.081.315.081.619q-.013 1.298-1.167 2.336q-1.154 1.039-3.387 1.039m1.285-7q.76 0 1.284-.524q.524-.525.524-1.284t-.524-1.284T12 10.192t-1.284.524T10.192 12t.524 1.284t1.284.524"/></svg>

Mode Fan アイコンの使い方

React

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

<Icon icon="material-symbols-light:mode-fan" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:mode-fan" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:mode-fan" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--mode-fan]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:mode-fan"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:mode-fan"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/mode-fan.svg" alt="Mode Fan アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

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

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

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

はい。Material Symbols Light icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Material Symbols Light アイコンをすべて見る →