ICONYZ
日本語
Material Symbols Light の Car Defrost Mid Low Left アイコン

Car Defrost Mid Low Left アイコン

material-symbols-light:car-defrost-mid-low-left

Car Defrost Mid Low Left アイコン(material-symbols-light:car-defrost-mid-low-left)は、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
カテゴリ
公共交通
タグ
cardefrost、defrostmid、midlow、lowleft、cardefrostmidlowleft、car defrost mid low left outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 22.289L16.712 19.5l.688-.708l1.6 1.575V16.5h1v3.887l1.6-1.6l.688.713zm-5-5L11.712 14.5l2.788-2.788l.708.688l-1.575 1.6H17.5v1h-3.886l1.6 1.6zm-4.408-6.674L7.36 3.392q1.574-1.043 3.5-1.563q1.928-.52 4.116-.52q2.27 0 4.253.545t3.407 1.538l-2.727 7.225q-1.212-.356-2.432-.515t-2.501-.159q-1.256 0-2.466.162t-2.417.512m.54-1.025q.51-.12 1.061-.214t1.086-.163q-.177-.497-.184-.939t.132-.894h-.785l1.308-2.173l1.308 2.173h-.885l-.061.173q-.12.346-.1.714t.176.853q.333-.044.653-.054t.634-.01q.302 0 .62.01t.659.054q-.146-.465-.146-.88q0-.414.119-.841h-.785l1.308-2.192L18.077 7.4h-.904l-.061.154q-.12.371-.088.755q.032.383.215.905q.54.069 1.077.163t1.076.214l2.168-5.795q-1.546-.783-3.238-1.193t-3.347-.41q-1.606 0-3.325.42T8.466 3.795zM13.199 22l-2.996-4.308H4.881q-.572 0-1.009-.353q-.437-.354-.562-.939l-1.152-5.74q-.154-.777.352-1.372t1.282-.596q.562 0 1.003.387q.442.387.64 1.03l1.623 5.641h2.627q.338 0 .637.166q.3.167.497.488l3.239 5.077zM3.481 7.692q-.614 0-1.038-.424T2.02 6.231t.424-1.038t1.038-.424t1.037.424t.424 1.038t-.424 1.037t-1.037.424"/></svg>

Car Defrost Mid Low Left アイコンの使い方

React

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

<Icon icon="material-symbols-light:car-defrost-mid-low-left" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:car-defrost-mid-low-left" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:car-defrost-mid-low-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--car-defrost-mid-low-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:car-defrost-mid-low-left"></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-mid-low-left"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/car-defrost-mid-low-left.svg" alt="Car Defrost Mid Low Left アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Car Defrost Mid Low Left アイコン

Car Defrost Mid Low Left アイコン のよくある質問

Car Defrost Mid Low Left アイコンは商用利用でも無料ですか?

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

React で Car Defrost Mid Low Left アイコンを使うには?

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

Car Defrost Mid Low Left アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/car-defrost-mid-low-left.svg" alt="Car Defrost Mid Low Left アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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