ICONYZ
日本語
Material Symbols Light の Windshield Defrost Auto Outline Rounded アイコン

Windshield Defrost Auto Outline Rounded アイコン

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

Windshield Defrost Auto Outline Rounded アイコン(material-symbols-light:windshield-defrost-auto-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: 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、autooutline、outlinerounded、windshielddefrostautooutlinerounded
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.725t.101.712t-.168.738q-.112.234-.265.425t-.447.065q-.16-.067-.236-.215q-.077-.147.015-.362q.202-.448.235-.737t-.145-.75q-.119-.307-.253-.608q-.135-.301-.235-.634q-.431.056-.862.134q-.43.078-.855.178q-.293.055-.54-.081q-.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-.111.234-.264.424t-.447.066t-.253-.368t.153-.478q.169-.344.129-.668q-.04-.323-.166-.636t-.272-.642q-.147-.33-.247-.693q-.868-.088-1.732-.076q-.864.013-1.731.126m-2.645-.594q.39-.07.806-.138t.806-.12q-.027-.528.044-.978t.216-.952h-.627q-.131 0-.177-.106t.01-.212l1.215-2.005q.055-.106.167-.106t.167.106L9.342 8.72q.056.106.01.212t-.177.106h-.844q-.139.467-.241.878q-.103.412-.082.93q.867-.108 1.737-.133t1.757.038q-.027-.454.064-.857q.09-.403.209-.837h-.811q-.131 0-.177-.106t.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 Outline Rounded アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

<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-outline-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-defrost-auto-outline-rounded.svg" alt="Windshield Defrost Auto Outline Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Windshield Defrost Auto Outline Rounded アイコン

Windshield Defrost Auto Outline Rounded アイコン のよくある質問

Windshield Defrost Auto Outline Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Windshield Defrost Auto Outline Rounded アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-symbols-light:windshield-defrost-auto-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Windshield Defrost Auto Outline Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-defrost-auto-outline-rounded.svg" alt="Windshield Defrost Auto Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコン をすべて見る →