Car アイコン

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

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

flat-ui:car

Car アイコン(flat-ui:car)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 100 × 99 のグリッドで描かれています。 Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flat UI Icons
作者: Designmodo, Inc.
ライセンス: MIT
サイズ: 100 × 99

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="99" viewBox="0 0 100 99"><path fill="#C0392C" d="M2 32h96v51H2z"/><path fill="#2C3E50" d="M75 85.999h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4c0-1.103.896-2 2-2"/><path fill="#23475F" d="M93 89v7.999A2 2 0 0 1 91 99H79a2 2 0 0 1-2-2.001V89c.02-.004 15.994.021 16 0"/><path fill="#1D3D51" d="M79.917 99h2V89h-2zm4.166 0h1.834V89h-1.834zm4-10v10h1.834V89z"/><path fill="#2C3E50" d="M21 85.999h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4c0-1.103.896-2 2-2"/><path fill="#23475F" d="M23 89v7.999A2 2 0 0 1 21 99H9a2 2 0 0 1-2-2.001V89c.019-.004 15.995.021 16 0"/><path fill="#1D3D51" d="M9.917 99h2V89h-2zm4.166 0h1.833V89h-1.833zm4-10v10h1.833V89z"/><path fill="#EBEEEF" d="M88 0H12C6.477 0 2 4.478 2 10v22s21.903 7.903 33.854 19.855C47.902 63.902 50 75.999 50 75.999s2.055-12.054 14.081-24.08C76.055 39.946 98 32 98 32V10c0-5.523-4.479-10-10-10"/><path fill="#fff" d="M58 29c-2.205 0-4-1.794-4-4V14c0-2.206 1.795-4 4-4h26c2.206 0 4 1.794 4 4v11c0 2.206-1.794 4-4 4z"/><path fill="#EBEEEF" d="M58 29h4l19-19H58c-2.205 0-4 1.794-4 4v11c0 2.205 1.795 4 4 4"/><path fill="#E5E5E5" d="M87 11H55v5h17v12h7V16h8z"/><path fill="#fff" d="M16 29c-2.206 0-4-1.794-4-4V14c0-2.206 1.794-4 4-4h26c2.205 0 4 1.794 4 4v11c0 2.206-1.795 4-4 4z"/><path fill="#E5E5E5" d="M45 11H13v5h8v12h7V16h17z"/><path fill="#D4D7DA" d="M2 83h96a2 2 0 0 1 2 1.999v2A2 2 0 0 1 98 89H2a2 2 0 0 1-2-2.001v-2A2 2 0 0 1 2 83"/><path fill="#fff" d="M79 56c4.971 0 9 4.029 9 9s-4.029 9-9 9s-9-4.029-9-9s4.029-9 9-9"/><path fill="#F39C12" d="M79 59c3.312 0 6 2.688 6 6s-2.688 6-6 6s-6-2.688-6-6s2.688-6 6-6"/><path fill="#fff" d="M21 56c4.971 0 9 4.029 9 9s-4.029 9-9 9s-9-4.029-9-9s4.029-9 9-9"/><path fill="#F39C12" d="M21 59c3.313 0 6 2.688 6 6s-2.687 6-6 6s-6-2.688-6-6s2.687-6 6-6"/><path fill="#C8CBCB" d="M52.986 37.986C50.824 35.824 47 37 47 37L33.942 50.057c.658.59 1.301 1.188 1.912 1.799c3.479 3.479 6.125 6.961 8.134 10.155L58 48s.713-3.287-.98-4.981c-1.243-1.242-2.702-3.701-4.034-5.033"/><path fill="#fff" d="M50 36c-4.971 0-9 4.029-9 9s4.029 8.999 9 8.999s9-4.028 9-8.999s-4.029-9-9-9m0 3c1.551 0 2.961.594 4.025 1.561L50 44.586l-4.025-4.026A5.96 5.96 0 0 1 50 39m0 12a6 6 0 0 1-5.275-8.861L50 47.414l5.275-5.275A6.002 6.002 0 0 1 50 51"/><path fill="#D3D6D7" d="m72 19l8-8H55.383a4 4 0 0 0-.383.382V16h17z"/><path fill="#BDC3C7" d="M84 11c1.654 0 3 1.346 3 3v11c0 1.654-1.346 3-3 3H58c-1.654 0-3-1.346-3-3V14c0-1.654 1.346-3 3-3zm0-2H58a5 5 0 0 0-5 5v11a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V14a5 5 0 0 0-5-5"/><path fill="#EBEEEF" d="M16 29h4l19-19H16c-2.206 0-4 1.794-4 4v11c0 2.205 1.794 4 4 4"/><path fill="#D3D6D7" d="M28 21v-5h5l5-5H13.382a4 4 0 0 0-.382.382V16h8v12z"/><path fill="#BDC3C7" d="M42 11c1.654 0 3 1.346 3 3v11c0 1.654-1.346 3-3 3H16c-1.654 0-3-1.346-3-3V14c0-1.654 1.346-3 3-3zm0-2H16a5 5 0 0 0-5 5v11a5 5 0 0 0 5 5h26a5 5 0 0 0 5-5V14a5 5 0 0 0-5-5"/></svg>

Car アイコンの使い方

React

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

<Icon icon="flat-ui:car" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:car" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:car" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--car]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:car"></div>

Web コンポーネント

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

<iconify-icon icon="flat-ui:car"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/flat-ui/car.svg" alt="Car アイコン" width="24" height="24">

Flat UI Icons の関連アイコン

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

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

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

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

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

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

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

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

Flat UI Icons をすべて見る →