Tornado アイコン
fluent-emoji-flat:tornado
Tornado アイコン(fluent-emoji-flat:tornado)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M3.389 2C2.617 2 2 2.65 2 3.44V5c0 8.2 6.374 11.72 9.643 14.66C16.464 24 15.133 27.41 13.57 30h3.858c5.535-8.5 2.41-10.15 4.821-13.99C24.15 12.99 29 12 29 5V3.44c0-.8-.627-1.44-1.389-1.44z"/><path fill="#9b9b9b" d="M15.111 6H8.89C8.4 6 8 5.55 8 5s.4-1 .889-1h6.222C15.6 4 16 4.45 16 5s-.4 1-.889 1M29 8h-9c-.55 0-1 .45-1 1s.45 1 1 1h9c.55 0 1-.45 1-1s-.45-1-1-1M16.857 18c-.471 0-.857.45-.857 1s.386 1 .857 1h4.286c.471 0 .857-.45.857-1s-.386-1-.857-1zM4.929 13H16.07c.511 0 .929.45.929 1s-.418 1-.929 1H4.93c-.512 0-.93-.45-.93-1s.418-1 .929-1M14 25c0-.55.36-1 .8-1h2.4c.44 0 .8.45.8 1s-.36 1-.8 1h-2.4c-.44 0-.8-.45-.8-1m5 3c.75 0 1.406.418 1.749 1.032A1.003 1.003 0 0 1 22 30h-5c0-1.1.9-2 2-2m-6 0a2 2 0 0 1 1.354.53A14 14 0 0 1 13.57 30H10a1.003 1.003 0 0 1 1.251-.968A2 2 0 0 1 13 28"/></g></svg>
Tornado アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:tornado" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:tornado" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:tornado" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--tornado]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:tornado"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:tornado"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/tornado.svg" alt="Tornado アイコン" width="24" height="24">
Tornado アイコン のよくある質問
Tornado アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tornado アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:tornado" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tornado アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/tornado.svg" alt="Tornado アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
