Toyota アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:toyota

Toyota アイコン(selfhst:toyota)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#eb0a1e" d="M369.8 107.2C338 96.9 298.7 91 256 91s-82 6-113.8 16.2C57.9 134.3 0 190.5 0 255.3C0 346.6 114.4 421 256 421c141.2 0 256-74.1 256-165.7c0-64.8-57.9-121-142.2-148.1M256 349.9c-21.2 0-38.4-41.3-39.4-93.6c12.6 1.3 25.8 1.7 39.4 1.7s26.8-.7 39.4-1.7c-1 52.3-18.2 93.6-39.4 93.6m-36.7-134.3c5.6-36.7 19.8-62.5 36.7-62.5c16.5 0 30.8 25.8 36.7 62.5c-11.6 1-24.1 1.7-36.7 1.7s-24.8-.7-36.7-1.7m95.9-2.9c-8.6-57.2-31.8-98.6-59.2-98.6c-27.5 0-50.6 41-59.2 98.6c-51.9-8.3-88.3-26.5-88.3-48c0-29.1 66.2-52.6 147.5-52.6c81.4 0 147.5 23.5 147.5 52.6c0 21.5-36.4 40-88.3 48M37.4 249.4c0-28.1 10.9-54.2 29.8-77.1c-.3 1.7-.3 3.3-.3 4.6c0 35.4 52.9 65.2 126.7 76.4v7.9c0 65.5 18.2 121.1 43.3 140.2c-111.9-6.5-199.5-72-199.5-152m237.8 152.5c25.1-19.2 43.3-74.8 43.3-140.2v-7.9c73.8-10.9 126.7-41 126.7-76.4c0-1.7 0-3.3-.3-4.6c18.9 22.5 29.8 49 29.8 77.1c-.1 79.5-87.7 145-199.5 152"/></svg>

Toyota アイコンの使い方

React

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

<Icon icon="selfhst:toyota" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:toyota" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:toyota" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:toyota"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/toyota.svg" alt="Toyota アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →