Иконка Windshield Heat Front
material-symbols-light:windshield-heat-front
Иконка Windshield Heat Front (material-symbols-light:windshield-heat-front) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Google
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Общественный транспорт
- Теги
- windshieldheat, heatfront, windshieldheatfront, windshield heat front outline sharp, windshield heat front sharp, windshield heat front outline
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-heat-front.svg" alt="Иконка Windshield Heat Front" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Windshield Heat Front в других наборах
Вопросы и ответы: Иконка Windshield Heat Front
Можно ли бесплатно использовать иконку Windshield Heat Front в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Windshield Heat Front в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:windshield-heat-front" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Windshield Heat Front на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-heat-front.svg" alt="Иконка Windshield Heat Front">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
ICONYZ
