Ícone Tornado
fluent-emoji-high-contrast:tornado
O ícone Tornado (fluent-emoji-high-contrast:tornado) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
Código 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>
Como usar o ícone 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>
Web component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tornado.svg" alt="Ícone Tornado" width="24" height="24">
O ícone Tornado em outras coleções
Perguntas frequentes sobre Ícone Tornado
O ícone Tornado é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Tornado no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:tornado" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Tornado a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tornado.svg" alt="Ícone Tornado">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
