ICONYZ
日本語
Material Symbols Light の Tire Repair アイコン

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
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
公共交通
タグ
auto、automobile、car、cars、gauge、mechanic、pressure、repair、tire、vehicle、maps、tirerepair
SVG をダウンロード

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 コードをページに直接貼り付けます。

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