Tsunami アイコン
material-symbols-light:tsunami
Tsunami アイコン(material-symbols-light:tsunami)は、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
- カテゴリ
- ソーシャル
- タグ
- crisis、disaster、flood、ocean、rain、sea、storm、water、wave、weather、social、tsunami sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 20.462v-1q.777-.077 1.44-.392q.664-.314 1.385-.83q.77.587 1.638.911t1.712.324q.806 0 1.706-.302t1.644-.894q.8.623 1.65.91t1.7.286q.864 0 1.641-.287q.778-.286 1.709-.947q.783.576 1.446.86t1.329.36v1q-.664-.057-1.351-.295t-1.424-.668q-.877.539-1.73.77q-.853.232-1.62.232q-.748 0-1.62-.241q-.872-.242-1.75-.78q-.801.532-1.657.777t-1.673.244q-.792 0-1.642-.244t-1.708-.758q-.698.412-1.41.649t-1.415.315m0-3.5V14.5q0-2.329.899-4.256t2.457-3.313t3.659-2.159T14 4q.594 0 1.195.049t1.116.142q-.39.742-.6 1.524q-.211.781-.211 1.46q0 1.587 1.12 2.706T19.324 11H21.5v1h-2.175q-2.013 0-3.42-1.406T14.5 7.175q0-.523.117-1.122t.294-1.07q-2.407.411-3.909 2.114T9.5 11.019q0 1.362.374 2.395q.374 1.034 1.015 2.009q.257-.125.559-.326l.571-.376q.783.592 1.694.923t1.662.331t1.656-.334t1.694-.92q.666.466 1.347.805q.682.34 1.428.436v1q-.663-.058-1.351-.324t-1.424-.698q-.877.539-1.711.8q-.835.26-1.639.26q-.823 0-1.733-.308q-.91-.307-1.617-.751q-.852.513-1.625.783T8.675 17q-.971.006-1.754-.254q-.782-.26-1.596-.748q-.698.412-1.41.649t-1.415.315"/></svg>
Tsunami アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:tsunami" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:tsunami" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:tsunami" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--tsunami]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:tsunami"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:tsunami"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/tsunami.svg" alt="Tsunami アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
Tsunami アイコン のよくある質問
Tsunami アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tsunami アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:tsunami" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tsunami アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/tsunami.svg" alt="Tsunami アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
