Mode Fan Outline アイコン
material-symbols-light:mode-fan-outline
Mode Fan Outline アイコン(material-symbols-light:mode-fan-outline)は、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、fanoutline、modefanoutline、mode fan outline rounded、mode fan outline sharp
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-.974 0-1.48-.577q-.505-.576-.505-1.313q0-.491.21-.969q.211-.478.676-.782q.57-.388.945-1.044t.56-1.454q-.247-.094-.484-.217q-.236-.123-.457-.32l-2.339.845q-.367.13-.696.211t-.677.081q-1.294 0-2.285-1.16t-.992-3.394q0-.973.573-1.479t1.287-.505q.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.974 0 1.48.57q.505.57.505 1.28q0 .487-.21.977q-.211.49-.676.794q-.57.389-.946 1.054q-.376.666-.558 1.464q.265.113.503.24q.239.127.437.296l2.339-.869q.367-.13.685-.199q.318-.068.667-.068q1.663 0 2.48 1.406q.818 1.405.818 3.147q0 .974-.608 1.48t-1.348.505q-.475 0-.928-.21q-.453-.211-.757-.676q-.388-.57-1.044-.945t-1.454-.56q-.094.247-.217.474t-.32.467l.845 2.339q.125.345.209.658t.083.617q-.013 1.298-1.164 2.336t-3.39 1.039m1.29-7q.755 0 1.279-.529q.524-.528.524-1.283t-.529-1.28t-1.283-.524t-1.28.529t-.524 1.284t.529 1.279t1.284.524m-1.309-4.281q.285-.165.582-.241t.6-.082q.2-1.031.687-1.873q.485-.842 1.256-1.346q.221-.158.335-.385t.113-.548q0-.362-.236-.61q-.237-.25-.748-.25q-.993 0-2.248.47q-1.254.468-1.306 1.832q0 .256.072.475q.072.22.122.395zm-4.234 4.742q.33 0 .902-.194l2.182-.771q-.165-.246-.25-.544q-.086-.297-.092-.639q-1.031-.2-1.873-.686q-.842-.485-1.346-1.256q-.158-.221-.417-.335t-.516-.113q-.417 0-.638.236q-.222.237-.222.748q0 1.411.582 2.483q.581 1.071 1.688 1.071m4.254 5.539q1.214 0 2.39-.543q1.175-.542 1.163-1.832q0-.235-.072-.44q-.072-.207-.122-.357l-.771-2.182q-.285.184-.61.26t-.573.082q-.2 1.031-.685 1.873t-1.257 1.346q-.202.139-.328.397t-.12.511q.006.354.236.62q.231.265.748.265m8.159-5.539q.372 0 .653-.211t.28-.774q0-.992-.454-2.26q-.455-1.267-1.847-1.293q-.256 0-.465.05t-.404.119l-2.164.796q.146.265.232.572t.091.61q1.031.2 1.873.686t1.347 1.257q.113.183.361.315q.249.133.497.133m-6.753.527"/></svg>
Mode Fan Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:mode-fan-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:mode-fan-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:mode-fan-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--mode-fan-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:mode-fan-outline"></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-outline"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/mode-fan-outline.svg" alt="Mode Fan Outline アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの Mode Fan Outline アイコン
Mode Fan Outline アイコン のよくある質問
Mode Fan Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mode Fan Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:mode-fan-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mode Fan Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/mode-fan-outline.svg" alt="Mode Fan Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
