Ícone Windshield Heat Front Rounded
material-symbols-light:windshield-heat-front-rounded
O ícone Windshield Heat Front Rounded (material-symbols-light:windshield-heat-front-rounded) é 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, frontrounded, windshieldheatfrontrounded, windshield heat front outline rounded
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.861 5.729l.187-.35h-.392q-.131 0-.187-.096t0-.202l1.037-1.764q.055-.105.174-.105t.174.105l.98 1.77q.057.105.004.199t-.184.093h-.602l-.425.765q-.26.466-.262.903q-.004.438.148.897q.84-.188 1.735-.276t1.798-.137q-.063-.427 0-.876t.346-.926l.187-.35h-.398q-.131 0-.184-.096T11 5.08l1.03-1.764q.057-.105.178-.105q.12 0 .177.105l1.006 1.764q.055.106 0 .202q-.056.096-.187.096h-.621l-.406.765q-.215.34-.253.678t.026.678q.948 0 1.874.072t1.855.236q-.127-.496-.077-1.015t.36-1.064l.192-.35h-.404q-.13 0-.174-.096t.013-.202l1.017-1.764q.055-.105.174-.105t.174.105l.986 1.77q.056.105.01.199t-.177.093h-.615l-.412.765q-.265.472-.265.918t.157.911q1.356.287 2.598.743q1.243.455 2.441 1.067q.323.161.435.494t-.025.68l-3.152 7.89q-.106.266-.345.387q-.24.122-.513.066q-1.656-.4-3.136-.59T12 18.52t-2.929.19t-3.123.59q-.273.056-.515-.065t-.348-.389l-3.177-7.888q-.131-.323-.013-.668t.417-.507q1.011-.556 2.092-.962t2.256-.687q-.183-.557-.18-1.162t.382-1.243m-.933 12.506q1.702-.377 3.179-.546t2.923-.17t2.92.17t3.101.546l3.164-7.585q-1.002-.504-2.013-.882t-2.082-.641q.418.875.734 1.8t-.263 1.975l-.544.975q-.092.16-.267.209t-.335-.044t-.209-.267t.044-.334l.525-.957q.498-.888.085-1.77t-.833-1.825q-.943-.189-1.884-.28t-1.914-.103q.432 1.03.94 2.102q.508 1.07-.183 2.294l-.544.975q-.092.16-.267.209t-.335-.044t-.208-.267t.043-.334l.53-.957q.549-.963.024-1.945t-.933-2.033q-.879.044-1.73.135q-.85.092-1.68.275q.44.917.806 1.9t-.25 2.086l-.53.975q-.093.16-.265.209t-.332-.044t-.218-.267q-.059-.175.034-.334l.544-.957q.473-.838.108-1.676q-.366-.839-.775-1.708q-1.104.264-2.155.656t-2.05.894z"/></svg>
Como usar o ícone Windshield Heat Front Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:windshield-heat-front-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:windshield-heat-front-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:windshield-heat-front-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--windshield-heat-front-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:windshield-heat-front-rounded"></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-rounded"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-heat-front-rounded.svg" alt="Ícone Windshield Heat Front Rounded" width="24" height="24">
Ícones relacionados em Material Symbols Light
O ícone Windshield Heat Front Rounded em outras coleções
Perguntas frequentes sobre Ícone Windshield Heat Front Rounded
O ícone Windshield Heat Front Rounded é 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 Rounded no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:windshield-heat-front-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Windshield Heat Front Rounded 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-rounded.svg" alt="Ícone Windshield Heat Front Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Symbols Light →
ICONYZ
