ICONYZ
Français
Icône Windshield Heat Front de Material Symbols Light

Icône Windshield Heat Front

material-symbols-light:windshield-heat-front

L'icône Windshield Heat Front (material-symbols-light:windshield-heat-front) 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
Transports en commun
Mots-clés
windshieldheat, heatfront, windshieldheatfront, windshield heat front outline sharp, windshield heat front sharp, windshield heat front outline
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="m6.302 5.379l1.371-2.36l1.329 2.36h-.95l-.425.765q-.26.466-.262.903q-.003.438.149.897q.84-.188 1.734-.276t1.798-.137q-.063-.427 0-.876t.346-.926l.187-.35h-.746L12.217 3l1.335 2.379h-.97l-.405.765q-.215.34-.253.678t.026.678q.948 0 1.874.072t1.855.236q-.127-.496-.077-1.015t.36-1.064l.192-.35h-.752l1.39-2.36l1.31 2.36h-.944l-.412.765q-.265.472-.265.918t.158.911q1.548.337 2.989.889t2.776 1.325l-3.712 9.275q-1.829-.481-3.461-.712T12 18.52t-3.221.23q-1.623.23-3.452.712l-3.73-9.275Q2.743 9.5 4.008 8.986q1.264-.515 2.65-.852q-.182-.557-.18-1.162q.004-.605.383-1.243l.186-.35zm1.425 8.879l-.787-.437l.766-1.336q.473-.839.107-1.677q-.365-.839-.774-1.708q-1.104.264-2.155.656t-2.05.894l3.095 7.584q1.702-.376 3.179-.546q1.476-.169 2.923-.169t2.92.17t3.101.545l3.164-7.584q-1.002-.504-2.013-.882t-2.082-.641q.418.875.734 1.8t-.263 1.975l-.765 1.356l-.761-.437l.74-1.336q.498-.889.085-1.77t-.833-1.826q-.942-.189-1.884-.28q-.941-.092-1.914-.103q.432 1.03.94 2.102q.508 1.07-.183 2.294l-.765 1.356l-.761-.437l.746-1.336q.548-.964.023-1.946t-.933-2.033q-.879.044-1.73.135q-.85.092-1.68.275q.44.917.806 1.9t-.25 2.086z"/></svg>

Comment utiliser l'icône Windshield Heat Front

React

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

<Icon icon="material-symbols-light:windshield-heat-front" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:windshield-heat-front" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:windshield-heat-front" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--windshield-heat-front]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:windshield-heat-front"></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:windshield-heat-front"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-heat-front.svg" alt="Icône Windshield Heat Front" width="24" height="24">

Icônes similaires dans Material Symbols Light

L'icône Windshield Heat Front dans d'autres collections

FAQ : Icône Windshield Heat Front

L'icône Windshield Heat Front 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 Windshield Heat Front dans React ?

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

Comment ajouter l'icône Windshield Heat Front à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-heat-front.svg" alt="Icône Windshield Heat Front">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Symbols Light →