Ícone Windshield Heat Front
material-symbols-light:windshield-heat-front
O ícone Windshield Heat Front (material-symbols-light:windshield-heat-front) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Google
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Transporte público
- Tags
- windshieldheat, heatfront, windshieldheatfront, windshield heat front outline sharp, windshield heat front sharp, windshield heat front outline
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-heat-front.svg" alt="Ícone Windshield Heat Front" width="24" height="24">
Ícones relacionados em Material Symbols Light
O ícone Windshield Heat Front em outras coleções
Perguntas frequentes sobre Ícone Windshield Heat Front
O ícone Windshield Heat Front é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Windshield Heat Front no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:windshield-heat-front" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Windshield Heat Front a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-heat-front.svg" alt="Ícone Windshield Heat Front">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Symbols Light →
ICONYZ
