Иконка Tsunami
openmoji:tsunami
Иконка Tsunami (openmoji:tsunami) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- OpenMoji
- Автор
- OpenMoji
- Лицензия
- CC-BY-SA-4.0
- Размер
- 72 × 72
- Категория
- Дополнения OpenMoji
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m60.097 35.918l-1.433 2.968s-3.378-4.094-18.936.82s-13-6.142-12.386-6.552s1.331 1.433 2.969 2.047s5.22 2.457 6.448.615s24.874-2.866 23.338.102"/><path fill="#9b9b9a" d="M32.413 59.974c-12.61 0-24.087-10.822-24.087-24.168c0-12.488 8.243-19.418 16.298-19.418c6.82.037 12.369 5.499 12.515 12.317c0 5.292-1.909 8.092-3.73 8.092c-1.172 0-1.933-.885-1.933-2.63a2.93 2.93 0 0 0-2.963-2.775c-1.863 0-3.347 1.663-3.347 4.342c0 3.625 3.33 6.565 7.5 6.565c9.91 0 11.786-3.778 19.917-3.778c4.681 0 7.998 3.742 7.998 7.149c0 8.51-11.398 14.304-28.168 14.304"/><path fill="#3f3f3f" d="m61.862 26.931l-9.669-7.263l-9.592 7.252v7.714l.004.924a28.6 28.6 0 0 1 7.33-2.113v-5.704h4.612v5.467c4.227.236 6.598 2.149 7.315 4.024zM36.21 52.89c5.915-2.698 9.954-5.731 17.435-5.731c3.239.042 6.403.98 9.14 2.711v10.104H32.251c.426-3.708 3.959-7.083 3.959-7.083"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-miterlimit="10" d="M46.34 23.897v-3.758"/><path stroke-linejoin="round" d="M42.601 34.922V26.92m19.261.011v9.64m-20.746-8.556l11.077-8.347l11.154 8.347"/><path stroke-linejoin="round" d="M50.232 27.741h4.315v5.602M15.886 32.33c1.028-5.61 4.928-9.132 9.104-9.132c3.775 0 6.922 2.147 7.74 5.639M62.786 49.87a17.5 17.5 0 0 0-9.14-2.712c-11.465 0-14.015 6.836-24.103 6.836m1.933-19.826a2.93 2.93 0 0 0-2.964-2.776c-1.862 0-3.346 1.662-3.346 4.342c0 3.625 3.33 6.565 7.5 6.565c9.91 0 11.785-3.778 19.917-3.778a8.15 8.15 0 0 1 6.754 3.465"/><path stroke-linejoin="round" d="M8.504 32.71c1.243-10.429 8.438-16.322 16.12-16.322c6.82.037 12.369 5.499 12.515 12.317a16.5 16.5 0 0 1-.71 4.938"/></g></svg>Как использовать иконку Tsunami
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:tsunami" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:tsunami" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:tsunami" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--tsunami]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:tsunami"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:tsunami"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/openmoji/tsunami.svg" alt="Иконка Tsunami" width="24" height="24">Иконка Tsunami в других наборах
Вопросы и ответы: Иконка Tsunami
Можно ли бесплатно использовать иконку Tsunami в коммерческих проектах?
Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Tsunami в React?
Установите @iconify/react и выведите <Icon icon="openmoji:tsunami" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tsunami на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/tsunami.svg" alt="Иконка Tsunami">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.