Tire Repair アイコン
material-symbols-light:tire-repair
Tire Repair アイコン(material-symbols-light:tire-repair)は、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
- カテゴリ
- 公共交通
- タグ
- auto、automobile、car、cars、gauge、mechanic、pressure、repair、tire、vehicle、maps、tirerepair
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.308 8.404q-.367 0-.626-.255t-.259-.633q0-.177.068-.336q.069-.159.188-.278q.287-.286 1.237-.613l.95-.327q-.162.517-.337.96q-.131.367-.298.726q-.167.36-.3.494q-.125.125-.287.194t-.336.068M5.265 19.519q-.667 0-1.139-.474q-.472-.475-.472-1.141V5.98q0-.666.475-1.141t1.141-.475h4.85q.667 0 1.139.475t.472 1.14v7.657q.244-.171.552-.298t.717-.127q.945 0 1.607.662q.662.661.662 1.607v1.769q0 .54.365.904q.365.365.905.365t.904-.365t.365-.904v-4.808h-.885v-1.136q-1.177-.517-1.915-1.531t-.739-2.256q0-1.69 1.182-2.864t2.857-1.174q1.69 0 2.864 1.174t1.174 2.864q0 1.243-.738 2.256t-1.916 1.53v1.137h-.884v4.808q0 .946-.661 1.608q-.662.661-1.606.661t-1.608-.661t-.664-1.608v-1.77q0-.539-.365-.904q-.365-.364-.905-.364t-.904.365t-.364.904v2.423q0 .666-.475 1.14q-.475.475-1.142.475zm13.045-8.961q1.267 0 2.152-.887q.884-.887.884-2.154t-.887-2.152t-2.154-.884t-2.151.887t-.885 2.153t.887 2.152t2.154.885M6.423 8.366V6.944L5.017 5.54h-.363v1.057zm2.538 0l1.77-1.77V5.54h-.364L8.961 6.944zm-2.538 4.423v-1.422l-1.77-1.769v1.421zm2.539 0l1.769-1.77V9.598l-1.77 1.77zm-2.539 4.423V15.79l-1.77-1.77v1.421zm2.539 0l1.769-1.77v-1.42L8.96 15.79z"/></svg>Tire Repair アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:tire-repair" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:tire-repair" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:tire-repair" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--tire-repair]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:tire-repair"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:tire-repair"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/tire-repair.svg" alt="Tire Repair アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Tire Repair アイコン
Tire Repair アイコン のよくある質問
Tire Repair アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tire Repair アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:tire-repair" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tire Repair アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/tire-repair.svg" alt="Tire Repair アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。