Windshield Defrost Auto アイコン
material-symbols-light:windshield-defrost-auto
Windshield Defrost Auto アイコン(material-symbols-light:windshield-defrost-auto)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 公共交通
- タグ
- windshielddefrost、defrostauto、windshielddefrostauto、windshield defrost auto outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m8.29 15.44l-.798-.355l.306-.676q.144-.332.116-.62q-.028-.289-.147-.597t-.254-.608t-.234-.634l-1.185.212q-.592.105-1.185.236L2.077 5.115q1.844-1.065 3.876-1.59T10.096 3q2.131 0 4.175.516q2.045.515 3.889 1.6l-2.852 7.282q-.783-.186-1.46-.305q-.677-.118-1.288-.199q.125.389.272.748q.147.36.235.71t.093.697t-.166.717l-.319.674l-.798-.355l.306-.676q.169-.344.129-.667t-.166-.636t-.272-.643t-.247-.692q-.867-.088-1.732-.076q-.864.013-1.731.126q.125.394.272.77q.147.374.241.724t.101.713t-.168.737zm-2.77-4.213q.39-.07.805-.138t.806-.12q-.027-.528.044-.978t.216-.952h-.982l1.57-2.616l1.55 2.616H8.33q-.139.467-.241.878q-.104.412-.082.93q.867-.108 1.737-.133t1.757.038q-.027-.454.064-.857q.09-.403.209-.837H10.61l1.569-2.635l1.569 2.635h-1.052q-.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.307 21q-.69 0-1.153-.462t-.463-1.153V16.98h1v2.403q0 .27.173.443t.443.173h11.134q.27 0 .443-.173t.173-.442V11.23q0-.27-.173-.442q-.173-.173-.443-.173h-1.48v-1h1.48q.69 0 1.153.462t.463 1.153v8.154q0 .69-.463 1.153T20.442 21z"/></svg>Windshield Defrost Auto アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:windshield-defrost-auto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:windshield-defrost-auto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:windshield-defrost-auto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--windshield-defrost-auto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:windshield-defrost-auto"></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"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-defrost-auto.svg" alt="Windshield Defrost Auto アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Windshield Defrost Auto アイコン
Windshield Defrost Auto アイコン のよくある質問
Windshield Defrost Auto アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Windshield Defrost Auto アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:windshield-defrost-auto" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Windshield Defrost Auto アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/windshield-defrost-auto.svg" alt="Windshield Defrost Auto アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。