ICONYZ
Русский
Иконка Windshield Defrost Auto Rounded из набора Material Symbols Light

Иконка Windshield Defrost Auto Rounded

material-symbols-light:windshield-defrost-auto-rounded

Иконка Windshield Defrost Auto Rounded (material-symbols-light:windshield-defrost-auto-rounded) — бесплатная 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
Категория
Общественный транспорт
Теги
windshielddefrost, defrostauto, autorounded, windshielddefrostautorounded
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.164 11.821q.125.395.272.77t.241.725q.152.522.091.875q-.06.353-.293.843q-.073.177-.252.24t-.338-.005T7.667 15t.131-.59q.144-.333.117-.622q-.028-.288-.148-.596t-.253-.608t-.235-.634q-.431.056-.862.134q-.43.077-.855.177q-.293.056-.54-.08q-.249-.137-.355-.41L2.4 5.948q-.136-.373-.003-.724q.134-.351.482-.537q1.683-.835 3.503-1.261T10.096 3t3.718.416t3.525 1.27q.367.187.49.548q.125.36-.012.733l-2.267 5.81q-.106.273-.363.407q-.258.133-.55.078q-.574-.131-1.085-.221q-.512-.091-.993-.147q.126.389.273.748q.147.36.235.71t.092.697t-.165.717q-.169.35-.367.46t-.358.043t-.198-.288t.112-.571q.169-.344.128-.668q-.04-.323-.165-.636t-.272-.642t-.247-.693q-.868-.088-1.732-.076q-.864.013-1.732.126m-2.644-.594q.39-.07.806-.138t.806-.12q-.027-.528.044-.978t.215-.952h-.627q-.13 0-.177-.106t.01-.212l1.215-2.005q.056-.106.168-.106q.111 0 .167.106L9.342 8.72q.056.106.01.212t-.177.106h-.844q-.139.467-.241.878q-.104.412-.082.93q.867-.108 1.737-.133t1.757.038q-.027-.454.064-.857q.09-.403.209-.837h-.812q-.13 0-.176-.106q-.047-.106.01-.211l1.215-2.025q.055-.106.167-.106t.167.106l1.216 2.025q.055.105.01.211q-.047.106-.178.106h-.698q-.138.454-.231.865t-.073.91q.564.069 1.144.166t1.137.222l2.237-5.667q-1.602-.783-3.32-1.168Q11.874 4 10.097 4t-3.494.386t-3.3 1.168zM9.308 21q-.69 0-1.153-.462t-.463-1.153V17.48q0-.214.143-.357t.357-.143t.357.143t.143.357v1.904q0 .269.173.442t.443.173h11.134q.27 0 .443-.173t.173-.442V11.23q0-.27-.173-.442q-.173-.173-.443-.173h-.98q-.214 0-.357-.144q-.144-.143-.144-.356q0-.214.144-.357t.356-.143h.981q.69 0 1.153.462t.463 1.153v8.154q0 .69-.463 1.153T20.442 21z"/></svg>

Как использовать иконку Windshield Defrost Auto Rounded

React

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

<Icon icon="material-symbols-light:windshield-defrost-auto-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:windshield-defrost-auto-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:windshield-defrost-auto-rounded" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:windshield-defrost-auto-rounded"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:windshield-defrost-auto-rounded"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-defrost-auto-rounded.svg" alt="Иконка Windshield Defrost Auto Rounded" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка Windshield Defrost Auto Rounded в других наборах

Вопросы и ответы: Иконка Windshield Defrost Auto Rounded

Можно ли бесплатно использовать иконку Windshield Defrost Auto Rounded в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Windshield Defrost Auto Rounded в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:windshield-defrost-auto-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Windshield Defrost Auto Rounded на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-defrost-auto-rounded.svg" alt="Иконка Windshield Defrost Auto Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →