Tire アイコン

Q: Tire アイコンは商用利用でも無料ですか?

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

ph:tire

Tire アイコン(ph:tire)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Phosphor
作者: Phosphor Icons
ライセンス: MIT
サイズ: 256 × 256
タグ: wheel、vehicles、transportation

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M149.26 159.26C155.09 173.82 163.5 176 168 176s12.91-2.18 18.74-16.74c3.39-8.48 5.26-19.58 5.26-31.26s-1.87-22.78-5.26-31.26C180.91 82.18 172.5 80 168 80s-12.91 2.18-18.74 16.74c-3.39 8.48-5.26 19.58-5.26 31.26s1.87 22.78 5.26 31.26M168 96.2c2.62 2.06 8 13 8 31.8s-5.38 29.74-8 31.8c-2.62-2.06-8-13-8-31.8s5.38-29.74 8-31.8M232 216h-35.59c16.71-18.27 27.59-50.53 27.59-88c0-58.32-26.35-104-60-104H92c-33.65 0-60 45.68-60 104s26.35 104 60 104h140a8 8 0 0 0 0-16M193.74 63.93C202.93 80.91 208 103.67 208 128s-5.07 47.09-14.26 64.07C185.38 207.5 174.82 216 164 216s-21.38-8.5-29.74-23.93C125.07 175.09 120 152.33 120 128s5.07-47.09 14.26-64.07C142.62 48.5 153.18 40 164 40s21.38 8.5 29.74 23.93M48 128c0-2.5.07-5 .17-7.44L80 97.83l24.43 17.45c-.28 4.16-.43 8.41-.43 12.72a180 180 0 0 0 3.07 33.5l-22.42-16a8 8 0 0 0-9.3 0l-23.74 17A161 161 0 0 1 48 128m14.26-64.07C70.62 48.5 81.18 40 92 40h39.59c-11.9 13-20.84 33.12-25 57.16L84.65 81.49a8 8 0 0 0-9.3 0L50.49 99.25C52.85 86 56.83 74 62.26 63.93m0 128.14a100 100 0 0 1-5.94-13.32L80 161.83l33.94 24.24c4.6 12 10.6 22.22 17.65 29.93H92c-10.82 0-21.38-8.5-29.74-23.93"/></svg>

Tire アイコンの使い方

React

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

<Icon icon="ph:tire" width="24" />

Vue

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

<template>
  <Icon icon="ph:tire" width="24" />
</template>

Svelte

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

<Icon icon="ph:tire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--tire]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:tire"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:tire"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/tire.svg" alt="Tire アイコン" width="24" height="24">

Phosphor の関連アイコン

他のアイコンセットの Tire アイコン

Tire アイコンのよくある質問

Tire アイコンは商用利用でも無料ですか?

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

React で Tire アイコンを使うには?

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

Tire アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/tire.svg" alt="Tire アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Phosphor アイコンをすべて見る →