Icône Tornado
fluent-emoji-high-contrast:tornado
L'icône Tornado (fluent-emoji-high-contrast:tornado) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji High Contrast
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Voyage et lieux
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tornado.svg" alt="Icône Tornado" width="24" height="24">
L'icône Tornado dans d'autres collections
FAQ : Icône Tornado
L'icône Tornado est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Tornado dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:tornado" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tornado à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/tornado.svg" alt="Icône Tornado">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Fluent Emoji High Contrast →
ICONYZ
