Icône Heat
material-symbols-light:heat
L'icône Heat (material-symbols-light:heat) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, 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
- Material Symbols Light
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Maison
- Mots-clés
- heat rounded, heat outline rounded, heat outline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.893 19.863q-.07.064-.155.09q-.086.028-.18.028t-.198-.03t-.177-.103q-.794-.889-1.253-1.914t-.459-2.177q0-.836.237-1.755t.854-2.39q.517-1.33.742-2.106q.225-.778.225-1.44q0-.866-.375-1.652T10.979 4.86q-.07-.076-.111-.179t-.041-.205q0-.085.027-.17t.09-.159q.077-.073.176-.119q.1-.046.205-.046t.187.043t.15.116q.85.814 1.358 1.804t.509 2.116q0 .788-.232 1.655q-.233.866-.808 2.262q-.587 1.404-.802 2.223q-.216.82-.216 1.544q0 .909.353 1.753t1.103 1.65q.064.075.102.164t.038.191t-.046.193t-.128.168m4.471-.003q-.07.067-.155.104T17.02 20t-.2-.041t-.166-.111q-.794-.87-1.263-1.901t-.468-2.17q0-.825.246-1.763t.864-2.402q.536-1.348.752-2.105T17 8.094q0-.887-.375-1.682q-.375-.796-1.175-1.552q-.073-.079-.11-.177q-.036-.098-.036-.202q0-.09.024-.163t.089-.151q.077-.077.18-.122T15.799 4t.18.038t.154.103q.85.813 1.358 1.803T18 8.06q0 .788-.234 1.645q-.233.857-.825 2.297q-.587 1.423-.802 2.223t-.216 1.517q0 .897.375 1.744t1.125 1.685q.058.073.087.159q.029.085.029.17q0 .098-.047.195q-.046.097-.128.165m-8.942 0q-.07.067-.155.104t-.19.036t-.199-.041t-.166-.111q-.795-.87-1.253-1.901Q6 16.916 6 15.777q0-.825.237-1.763t.854-2.402q.536-1.348.751-2.105q.216-.757.216-1.413q0-.887-.375-1.682q-.375-.796-1.175-1.552q-.082-.079-.117-.177t-.035-.196t.027-.182t.09-.159q.077-.073.178-.119t.195-.046t.182.043t.163.117q.85.813 1.358 1.803t.509 2.125q0 .76-.222 1.617q-.22.856-.812 2.299q-.568 1.396-.793 2.215t-.225 1.544q0 .914.362 1.764t1.113 1.663q.057.073.086.159q.03.085.03.17q0 .098-.047.195q-.046.097-.128.165"/></svg>
Comment utiliser l'icône Heat
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:heat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:heat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:heat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--heat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:heat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:heat"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/heat.svg" alt="Icône Heat" width="24" height="24">
Icônes similaires dans Material Symbols Light
L'icône Heat dans d'autres collections
FAQ : Icône Heat
L'icône Heat est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Heat dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:heat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Heat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/heat.svg" alt="Icône Heat">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols Light →
ICONYZ
