Car Defrost Low Left Rounded アイコン
material-symbols-light:car-defrost-low-left-rounded
Car Defrost Low Left Rounded アイコン(material-symbols-light:car-defrost-low-left-rounded)は、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
- カテゴリ
- 公共交通
- タグ
- cardefrost、defrostlow、lowleft、leftrounded、cardefrostlowleftrounded、car defrost low left outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.702 19.618q-.136-.052-.267-.183l-2.37-2.37q-.146-.146-.146-.353t.147-.354t.347-.143t.347.143l1.74 1.72v-4.366q0-.214.143-.357t.357-.143t.357.143t.143.357v4.386l1.74-1.74q.147-.146.338-.156t.357.156q.146.146.146.354t-.147.354l-2.369 2.369q-.13.13-.267.183q-.136.053-.298.053t-.298-.053M4.881 17.192q-.571 0-1.009-.363T3.31 15.9l-1.152-5.74q-.025-.087-.028-.164t-.003-.163q0-.685.488-1.163q.487-.478 1.177-.478q.562 0 1.003.387q.442.387.64 1.03l1.623 5.641h3.627q.338 0 .637.166q.3.167.497.488l2.97 4.65q.103.177.048.375t-.231.321q-.177.104-.375.062t-.302-.22l-2.727-3.9zm10.094-7.25h-.517q-.252 0-.498.02q.107.452.102.843t-.15.799q-.087.235-.237.462t-.444.109q-.16-.061-.242-.215q-.083-.154-.016-.35q.19-.489.22-.772q.028-.284-.137-.81q-.602.05-1.175.163t-1.137.257q-.292.08-.54-.062q-.248-.144-.354-.417L7.664 4.242q-.137-.373-.016-.736q.121-.364.47-.57q1.478-.805 3.204-1.217q1.726-.411 3.653-.411q1.983 0 3.746.411q1.764.412 3.143 1.193q.348.205.469.572q.12.366-.016.739l-2.167 5.74q-.106.293-.366.42q-.261.127-.553.046q-.447-.12-.86-.204q-.415-.084-.861-.134q.101.401.07.769q-.03.367-.168.744q-.087.235-.225.462q-.137.228-.431.109q-.16-.061-.246-.215t-.018-.35q.19-.489.213-.778t-.15-.84q-.369-.044-.76-.047q-.393-.003-.82-.003m-4.342-.351q.51-.12 1.06-.214t1.086-.163q-.177-.497-.184-.939t.132-.894h-.412q-.13 0-.186-.096t0-.202l.954-1.583q.055-.106.167-.106t.167.106l.954 1.583q.056.105 0 .201t-.187.097h-.511l-.062.173q-.119.346-.1.714t.177.853q.333-.044.653-.054t.634-.01q.302 0 .62.01t.659.054q-.146-.465-.146-.88q0-.414.119-.841h-.43q-.132 0-.178-.106t.01-.211l.96-1.602q.055-.106.173-.106t.174.106l.954 1.602q.056.105.003.211t-.184.106h-.536l-.062.154q-.119.371-.087.755q.032.383.214.904q.54.07 1.077.164t1.077.213l2.168-5.794q-1.546-.783-3.238-1.193t-3.347-.41q-1.606 0-3.325.42T8.466 3.795zM3.48 7.192q-.614 0-1.038-.424T2.02 5.731t.424-1.038t1.038-.424t1.037.424t.424 1.038t-.424 1.037t-1.037.424"/></svg>Car Defrost Low Left Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:car-defrost-low-left-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:car-defrost-low-left-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:car-defrost-low-left-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--car-defrost-low-left-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:car-defrost-low-left-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:car-defrost-low-left-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/car-defrost-low-left-rounded.svg" alt="Car Defrost Low Left Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Car Defrost Low Left Rounded アイコン
Car Defrost Low Left Rounded アイコン のよくある質問
Car Defrost Low Left Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Car Defrost Low Left Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:car-defrost-low-left-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Car Defrost Low Left Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/car-defrost-low-left-rounded.svg" alt="Car Defrost Low Left Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。