Иконка Tsunami
material-symbols-light:tsunami
Иконка Tsunami (material-symbols-light:tsunami) — бесплатная SVG-иконка из набора Material Symbols Light от 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>
Веб-компонент
<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
Можно ли бесплатно использовать иконку Tsunami в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Tsunami в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
ICONYZ
