Tornado Duo アイコン
glyphs:tornado-duo
Tornado Duo アイコン(glyphs:tornado-duo)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- tornadoduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M72 24c0 6.627-14.327 12-32 12S8 30.627 8 24s14.327-12 32-12s32 5.373 32 12"/><path fill="currentColor" fill-opacity=".25" d="M61.836 32.772C56.118 34.775 48.44 36 40 36s-16.118-1.225-21.836-3.228C19.496 27.83 28.764 24 40 24s20.504 3.828 21.836 8.772"/><path fill="currentColor" fill-opacity=".25" d="M64.442 31.746C58.572 34.348 49.8 36 40 36s-18.572-1.652-24.442-4.254C13.918 33.036 13 34.479 13 36c0 5.523 12.088 10 27 10s27-4.477 27-10c0-1.521-.917-2.963-2.558-4.254"/><path fill="currentColor" fill-opacity=".25" d="M22.19 43.516C20.787 44.57 20 45.751 20 47c0 4.418 9.85 8 22 8s22-3.582 22-8c0-1.635-1.349-3.155-3.663-4.422C55.387 44.675 48.11 46 40 46c-6.824 0-13.056-.937-17.81-2.484"/><path fill="currentColor" fill-opacity=".25" d="M30.965 53.923C29.107 54.77 28 55.838 28 57c0 2.761 6.268 5 14 5s14-2.239 14-5c0-1.16-1.107-2.229-2.965-3.078C49.79 54.609 46.02 55 42 55s-7.79-.392-11.035-1.078"/><path fill="currentColor" fill-opacity=".25" d="M30.8 60c-1.13.836-1.8 1.874-1.8 3c0 2.761 4.03 5 9 5s9-2.239 9-5c0-.446-.105-.877-.302-1.288A38 38 0 0 1 42 62c-4.58 0-8.647-.785-11.2-2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 36c17.673 0 32-5.373 32-12S57.673 12 40 12S8 17.373 8 24s14.327 12 32 12m0 0c8.44 0 16.118-1.225 21.836-3.228C60.504 27.83 51.236 24 40 24s-20.504 3.829-21.836 8.772C23.882 34.775 31.56 36 40 36m0 0c9.8 0 18.572-1.652 24.442-4.254C66.082 33.036 67 34.479 67 36c0 5.523-12.088 10-27 10m0-10c-9.8 0-18.572-1.652-24.442-4.254C13.918 33.036 13 34.479 13 36c0 5.523 12.088 10 27 10m0 0c8.111 0 15.387-1.325 20.337-3.422C62.65 43.845 64 45.365 64 47c0 4.418-9.85 8-22 8m-2-9c-6.824 0-13.056-.937-17.81-2.484C20.787 44.57 20 45.751 20 47c0 4.418 9.85 8 22 8m0 0c4.021 0 7.79-.392 11.035-1.078C54.893 54.771 56 55.84 56 57c0 2.761-6.268 5-14 5m0-7c-4.021 0-7.79-.392-11.035-1.078C29.107 54.771 28 55.84 28 57c0 2.761 6.268 5 14 5m0 0c1.648 0 3.23-.102 4.698-.288c.197.41.302.842.302 1.288c0 2.761-4.03 5-9 5s-9-2.239-9-5c0-1.126.67-2.164 1.8-3c2.553 1.215 6.62 2 11.2 2"/></g></svg>Tornado Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:tornado-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:tornado-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:tornado-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--tornado-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:tornado-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:tornado-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/tornado-duo.svg" alt="Tornado Duo アイコン" width="24" height="24">Glyphs の関連アイコン
Tornado Duo アイコン のよくある質問
Tornado Duo アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tornado Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:tornado-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tornado Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/tornado-duo.svg" alt="Tornado Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。