Иконка Tornado
fluent-emoji-high-contrast:tornado
Иконка Tornado (fluent-emoji-high-contrast:tornado) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M3.389 2C2.617 2 2 2.65 2 3.44V5c0 2.95.825 5.296 2.034 7.225C3.4 12.571 3 13.27 3 14c0 1.031.797 2 1.929 2h2.344c.864.792 1.744 1.499 2.56 2.154c.658.53 1.276 1.026 1.81 1.506c1.336 1.202 2.2 2.333 2.716 3.395C13.46 23.291 13 24.234 13 25c0 .883.611 2 1.8 2h.067a8 8 0 0 1-.513 1.53a1.992 1.992 0 0 0-3.103.502A1.003 1.003 0 0 0 10 30h12a1.003 1.003 0 0 0-1.251-.968a2.005 2.005 0 0 0-2.122-.997c1.85-3.27 2.25-5.358 2.41-7.035h.106C22.306 21 23 19.952 23 19c0-.792-.48-1.65-1.312-1.917a7.3 7.3 0 0 1 .562-1.073c.588-.934 1.458-1.674 2.38-2.458c.873-.743 1.794-1.526 2.564-2.552H29c1.102 0 2-.898 2-2s-.898-2-2-2h-.149A13 13 0 0 0 29 5V3.44c0-.8-.627-1.44-1.389-1.44zM29 10h-9c-.55 0-1-.45-1-1s.45-1 1-1h9c.55 0 1 .45 1 1s-.45 1-1 1m-7.625 8.037c.36.12.625.507.625.963c0 .55-.386 1-.857 1h-4.286c-.471 0-.857-.45-.857-1s.386-1 .857-1h4.286q.12 0 .232.037m-6.637 5.966l.057-.003H17.2c.44 0 .8.45.8 1s-.36 1-.8 1h-2.4c-.44 0-.8-.45-.8-1c0-.524.327-.957.738-.997M4.602 13.064A.9.9 0 0 1 4.929 13H16.07c.511 0 .929.45.929 1s-.418 1-.929 1H4.93c-.512 0-.93-.45-.93-1c0-.426.25-.792.602-.936M16 5c0 .55-.4 1-.889 1H8.89C8.4 6 8 5.55 8 5s.4-1 .889-1h6.222C15.6 4 16 4.45 16 5"/></svg>
Как использовать иконку Tornado
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:tornado" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:tornado" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:tornado" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--tornado]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:tornado"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:tornado"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tornado.svg" alt="Иконка Tornado" width="24" height="24">
Иконка Tornado в других наборах
Вопросы и ответы: Иконка Tornado
Можно ли бесплатно использовать иконку Tornado в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Tornado в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:tornado" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tornado на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tornado.svg" alt="Иконка Tornado">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
