Icône Fire
wi:fire
L'icône Fire (wi:fire) est une icône SVG gratuite de la collection Weather Icons par Erik Flowers. Elle est dessinée sur une grille de 30 × 30. Les Weather Icons sont publiées sous la Open Font License, 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
- Weather Icons
- Auteur
- Erik Flowers
- Licence
- OFL-1.1
- Taille
- 30 × 30
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M7.38 21.83c0-.3.1-.55.29-.76s.43-.31.7-.31v-.02l13.16.04c.06-.01.1-.02.1-.02c.27.01.51.12.7.33s.29.47.28.77c0 .3-.1.55-.29.76s-.43.31-.7.31v.01L8.59 22.9c-.1.01-.17.02-.22.02a.94.94 0 0 1-.7-.32c-.2-.21-.3-.47-.29-.77m.82-5.46c-.01-.43.04-.93.16-1.52c.06-.3.2-.76.44-1.37c.02-.05.07-.14.13-.28c.01.02.03.03.04.05s.02.02.02.03c.11.44.27.84.49 1.2c.21.32.48.56.82.69c.26.11.63.17 1.1.18h.16c-.33-.33-.59-.67-.79-1c-.3-.52-.49-1.12-.57-1.81c-.06-.54-.03-1.19.09-1.96c.02-.15.12-.49.29-1.01c.15-.47.36-.9.64-1.28c.32-.49.78-.99 1.39-1.51c.37-.31.89-.67 1.56-1.07c.07-.04.18-.11.35-.19v.11c-.24.57-.41 1.15-.49 1.73c-.06.53.02 1.02.24 1.48c.17.36.48.75.92 1.15c.09.09.29.29.6.58c.3.29.54.52.7.68l.25.25c.26-.38.41-.83.44-1.35c.04-.55 0-1.15-.14-1.8c0-.01 0-.04.01-.11c.02.02.13.1.3.24c.56.5.98.95 1.28 1.34c.48.62.83 1.21 1.06 1.74c.19.46.31.92.38 1.4c.06.42.08.77.07 1.05c-.01.78-.1 1.43-.25 1.96c-.07.21-.13.38-.19.52c.25-.07.47-.16.65-.26c.25-.16.45-.37.6-.66c.16-.29.29-.62.38-.98c0-.01.01-.03.03-.05c.01.02.02.05.05.09c.02.04.04.07.05.1c.13.31.22.63.27.97c.08.38.1.75.08 1.13c-.02.29-.07.56-.16.81c-.08.24-.16.43-.22.58c-.19.38-.39.71-.62.98c-.06.07-.11.13-.14.16h-11c-.01-.01-.03-.03-.07-.06s-.06-.05-.08-.07c-.26-.25-.54-.63-.82-1.13c-.08-.15-.18-.38-.29-.69c-.12-.31-.19-.66-.21-1.04"/></svg>
Comment utiliser l'icône Fire
React
import { Icon } from "@iconify/react";
<Icon icon="wi:fire" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:fire" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:fire" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--fire]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:fire"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:fire"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/wi/fire.svg" alt="Icône Fire" width="24" height="24">
L'icône Fire dans d'autres collections
FAQ : Icône Fire
L'icône Fire est-elle gratuite pour un usage commercial ?
Oui. Les Weather Icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Fire dans React ?
Installez @iconify/react et affichez <Icon icon="wi:fire" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Fire à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/wi/fire.svg" alt="Icône Fire">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Weather Icons →
ICONYZ
