Car 02 アイコン

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

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

hugeicons:car-02

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

アイコンセット: Huge Icons
作者: Hugeicons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M2.066 11.913c.115-.63.623-1.273 1.442-1.83c1.476-1 3.16-.996 4.848-1.058c.56-.02 2.062-.028 3.644-.024c1.582-.004 3.085.003 3.644.024c1.687.062 3.372.058 4.848 1.059c.82.556 1.327 1.2 1.442 1.83c.1.54.084 2.394-.03 3.703c-.06.69-.122 1.026-.213 1.167c-.277.426-1.074.785-2.248 1.01c-1.101.21-.937.206-7.443.206s-6.342.005-7.443-.207c-1.174-.224-1.971-.583-2.248-1.009c-.091-.14-.153-.477-.213-1.167c-.114-1.309-.13-3.163-.03-3.704"/><path stroke-linejoin="round" d="m4.5 9l1.313-4.51c.12-.3.355-.55.686-.663c3.243-1.103 7.76-1.103 11.002 0c.33.113.565.363.686.663L19.5 9m-17 3l1.5.5m17.5-.5l-1.5.5m-12 5l.246-.614c.365-.913.548-1.37.929-1.628c.38-.258.872-.258 1.856-.258h1.938c.984 0 1.476 0 1.856.258s.564.715.93 1.628L16 17.5"/><path d="M7.002 18.562v.802c0 .875-.039 1.039-.303 1.294a1.7 1.7 0 0 1-.348.239c-.201.1-.268.103-1.823.103c-1.59 0-1.619-.002-1.864-.112a1.3 1.3 0 0 1-.383-.275c-.262-.315-.275-.408-.277-2.067V15m14.994 3.562v.802c0 .875.039 1.039.303 1.294c.077.075.234.182.348.239c.201.1.268.103 1.823.103c1.59 0 1.619-.002 1.864-.112c.137-.062.31-.186.383-.275c.262-.315.275-.408.277-2.067V15"/><path stroke-linejoin="round" d="m20 9l1.5-.5M4 9l-1.5-.5"/></g></svg>

Car 02 アイコンの使い方

React

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

<Icon icon="hugeicons:car-02" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:car-02" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:car-02" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="hugeicons:car-02"></iconify-icon>

HTML 画像

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

Huge Icons の関連アイコン

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

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

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

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

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

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

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

Huge Icons をすべて見る →