Tornado アイコン

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

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

emojione:tornado

Tornado アイコン(emojione:tornado)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Colored)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#97a3a2" d="M4.3 11.1C4.3 31 19.5 61 27.1 61c9.7 0 2.1-19.6 2.1-19.6l30.2-11.9C63.9 2.5 4.3-3.6 4.3 11.1"/><path fill="#c8d9d8" d="M58.1 17.6C73.4 22.4 40.8-3.4 9.5 3c-9.1 1.9-6 9.9-6 9.9c-2.1 3-2 7.2 0 10.3c1.7 2.6 0 7.1 4.9 12.1c.8.8-2.1 5.2 3.6 9.3c1.2.9 3.2 2.4 2.7 4.7c-.6 2.8 5 5.4 6 8.6c2.1 6.5 10.1 4.6 13.8-1.1c0 0-1.3.4-1.8-.5c4.1-2 4.7-7.3-.6-7.8c4.8-4.1 2.6-9.5 9.6-10.8c5.7-1 6.7-3.4 6.7-3.4c7.9.1 18.9-5.2 9.7-16.7M6.9 21.2c-.7-1.4-1.6-3.4-1-5q1.95 1.95 4.2 3.6c-1.1.2-2.3.7-3.2 1.4M9 29.5c2.2 2.5 4.9 3 4.9 3c-2 .9-4.5 1.3-4.9-3m6.1 16.6s1.4 0 1.4.4c.2 2.7-1.4-.4-1.4-.4m-2.5-7.7c3.2 1.8 6.8 3.1 10.4 3.9c-12.7 1.7-11.9-4.8-10.4-3.9m12.7 9.4s-2.6.7-4.8.2c1.5-1.6 4.8-.2 4.8-.2m-3.5 5.3C21 54.3 19 52 19 51c.1-2 5.9-.4 5.9-.4s-2.4 1.4-3.1 2.5m2.7 4.7c1.6 0 3.3-.1 4.9-.4c-.9 1.2-2.8 2.7-4.9.4m2.5-4.2c2.7-1.2 4.4-1.2 4.4-1.2s-2 1.7-4.4 1.2M15.9 35.5c5.3-2.6 9.9 1.3 17.6 3.1c-2.9.8-12.9.6-17.6-3.1m11.8-2.6s7.1.5 5.8-.7c-4.3-4.1-18.6 1.7-24.5-8c2.7-2.4 5.8-1.4 8.5.1c-4.9 3.1.4 1.1 3.2 1.7c5 1.1 14.7 4 16.7 8c-6 .7-9.7-1.1-9.7-1.1m13.3.5c.6.5 3.2.1 3.2.1c-1.5.8-3.9 2.5-3.2-.1M13.9 17.5C31.6 19 42.8 23.8 45 30.1c-13.4-1.1-8.1-7.6-31.1-12.6m42 12.1c-.2-5.7-9.5-14.6-5-5c1.9 4.1-.4 7.4-2.4 4.2C38.7 13.3 18.2 19.3 9.3 14c8.9-4.3 43.7 8 34.8 4C18.4 6.2 6.7 12.6 6.7 9.7c0-5.3 17.5-8.3 40.9 2c-28.8-5.6-31.7-2.6-26.9-2.1c35.2 3.6 41.2 14.1 35.2 20"/><path fill="#fff" d="M30.3 13.5C7.9 9 6.1 8.7 27.2 14.3c28.3 7.5 19 2.4 3.1-.8m-9.8 9.2C9.7 15.3 5.2 13.2 11.9 19C26 31.1 39 31.9 41.2 31.7c4.8-.6-8-.4-20.7-9m-2.9 8c-9.3-5.5-13-6.2-7-1.4c12.8 10.1 22.9 8.3 24.4 7.5c3.2-2-6.5.4-17.4-6.1m3.1 8.7c-7.3-2.9-10-2.8-4.9.1c10.6 6.1 17 2.8 17.8 1.8c1.7-2.3-4.2 1.5-12.9-1.9m.3 5.3c-6.1-1.4-8.1-.5-3.7.8c8 2.4 12.3.9 13.1.3c2-1.3-2.3.6-9.4-1.1m6.8 4.6c7.7-2.8-3-1.5-4.3.4c-.5.7 3.3 0 4.3-.4m.5 3.4c7.2-2.1-2.6-1.6-3.9.1c-.5.5 3 .1 3.9-.1m-3.4 2.6c-.5.5 2.6.5 3.5.3c6.7-1.2-2.1-1.7-3.5-.3"/></svg>

Tornado アイコンの使い方

React

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

<Icon icon="emojione:tornado" width="24" />

Vue

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

<template>
  <Icon icon="emojione:tornado" width="24" />
</template>

Svelte

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

<Icon icon="emojione:tornado" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--tornado]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:tornado"></div>

Web コンポーネント

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

<iconify-icon icon="emojione:tornado"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/tornado.svg" alt="Tornado アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Emoji One (Colored) アイコンをすべて見る →