ICONYZ
Français
Icône Fire Light de Lets Icons

Icône Fire Light

lets-icons:fire-light

L'icône Fire Light (lets-icons:fire-light) est une icône SVG gratuite de la collection Lets Icons par Leonid Tsvetkov. Elle est dessinée sur une grille de 24 × 24. Les Lets Icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Lets Icons
Auteur
Leonid Tsvetkov
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Alarme
Mots-clés
firelight
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.005 16.488l-.462-.191zm-1.409 2.11l.354.353zm-2.109 1.408l-.19-.462zm-4.974 0l.19-.462zm-2.11-1.409l.354-.353zm-1.408-2.109l-.462.192zm9.412-9.905l-.34-.366zm.184-.001l.341-.366zm-1.237.9l.409-.288zm.249.004L15 7.79zM11.42 4.548l.264.425zm.157.008l-.3.4zm-.42-.433c-.378.235-1.904 1.23-3.341 2.893S5 11.043 5 14.001h1c0-2.633 1.226-4.774 2.572-6.33a14.5 14.5 0 0 1 3.112-2.698zm3.606 3.071c-1.215-1.732-2.54-2.779-2.887-3.038l-.598.8c.297.223 1.533 1.198 2.666 2.813zM15 7.79c.337-.441.62-.722.748-.841l-.682-.732a8 8 0 0 0-.86.965zm.25-.842C15.7 7.366 18 9.716 18 14h1c0-4.67-2.512-7.266-3.068-7.784zM18 14h1zm0 0a6 6 0 0 1-.457 2.297l.924.383c.352-.85.533-1.76.533-2.68zm-.457 2.297a6 6 0 0 1-1.3 1.947l.707.707a7 7 0 0 0 1.517-2.271zm-1.3 1.947a6 6 0 0 1-1.947 1.3l.383.924a7 7 0 0 0 2.27-1.517zm-1.947 1.3a6 6 0 0 1-2.296.457v1a7 7 0 0 0 2.679-.533zM12 20.001a6 6 0 0 1-2.296-.457l-.383.924a7 7 0 0 0 2.679.533zm-2.296-.457a6 6 0 0 1-1.947-1.3l-.707.707a7 7 0 0 0 2.271 1.517zm-1.947-1.3a6 6 0 0 1-1.3-1.947l-.924.383a7 7 0 0 0 1.517 2.27zm-1.3-1.947A6 6 0 0 1 6 14.001H5a7 7 0 0 0 .533 2.679zm9.291-9.348a.367.367 0 0 1-.497-.001l.681-.732a.633.633 0 0 0-.866.001zm-1.804.82c.256.364.79.37 1.056.02l-.794-.607a.345.345 0 0 1 .557.012zm-2.26-2.796a.36.36 0 0 1-.406-.016l.598-.801a.64.64 0 0 0-.72-.033z"/><path fill="currentColor" d="m15.5 16.922l-.5.01zM8.5 17H9zm3.586-5.436l.302-.398zm-.474-.398A12.3 12.3 0 0 0 9.617 13.1C8.804 14.102 8 15.47 8 17h1c0-1.19.635-2.335 1.394-3.27c.75-.924 1.57-1.575 1.822-1.767zm4.387 5.746c-.03-1.509-.833-2.855-1.64-3.841a12.3 12.3 0 0 0-1.971-1.905l-.604.797c.25.19 1.056.83 1.8 1.74c.754.921 1.391 2.052 1.415 3.229zm-1 .02L15 17h1l-.001-.09zM15 17a3 3 0 0 1-3 3v1a4 4 0 0 0 4-4zm-3 3a3 3 0 0 1-3-3H8a4 4 0 0 0 4 4zm-4-3a.5.5 0 0 0 .5.5v-1a.5.5 0 0 1 .5.5zm1 0a.5.5 0 0 0-.5-.5v1A.5.5 0 0 1 8 17zm3.216-5.037a.36.36 0 0 1-.432 0l.604-.797a.64.64 0 0 0-.776 0z"/></svg>

Comment utiliser l'icône Fire Light

React

import { Icon } from "@iconify/react";

<Icon icon="lets-icons:fire-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="lets-icons:fire-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="lets-icons:fire-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--fire-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:fire-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="lets-icons:fire-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/lets-icons/fire-light.svg" alt="Icône Fire Light" width="24" height="24">

Icônes similaires dans Lets Icons

L'icône Fire Light dans d'autres collections

FAQ : Icône Fire Light

L'icône Fire Light est-elle gratuite pour un usage commercial ?

Oui. Les Lets Icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Fire Light dans React ?

Installez @iconify/react et affichez <Icon icon="lets-icons:fire-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Fire Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/lets-icons/fire-light.svg" alt="Icône Fire Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Lets Icons →