Car Bold アイコン

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

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

solar:car-bold

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

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: パーツ
タグ: carbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.6865 18.4837V20.8431C18.6865 21.3883 18.6865 21.661 18.8559 21.8304C19.0253 21.9998 19.298 21.9998 19.8433 21.9998C20.3886 21.9998 20.6612 21.9998 20.8306 21.8304C21 21.661 21 21.3883 21 20.8431V18.1572C20.4966 18.4316 19.7825 18.4764 18.6865 18.4837Z"/><path d="M3 18.1572V20.8431C3 21.3883 3 21.661 3.1694 21.8304C3.3388 21.9998 3.61145 21.9998 4.15674 21.9998C4.70203 21.9998 4.97468 21.9998 5.14408 21.8304C5.31348 21.661 5.31348 21.3883 5.31348 20.8431V18.4837C4.21747 18.4764 3.50341 18.4316 3 18.1572Z"/><path fill-rule="evenodd" d="M18 9.51465C19.8856 9.51465 20.8283 9.51501 21.4141 10.1719C21.9997 10.8287 22 11.8857 22 14C22 16.1143 21.9997 17.1713 21.4141 17.8281C20.8283 18.485 19.8856 18.4854 18 18.4854H6C4.11438 18.4854 3.17172 18.485 2.58594 17.8281C2.00026 17.1713 2 16.1143 2 14C2 11.8857 2.00026 10.8287 2.58594 10.1719C3.17172 9.51501 4.11438 9.51465 6 9.51465H18ZM5.50586 11.5C4.67743 11.5 4.00586 12.1716 4.00586 13C4.00586 13.8284 4.67743 14.5 5.50586 14.5C6.33429 14.5 7.00586 13.8284 7.00586 13C7.00586 12.1716 6.33429 11.5 5.50586 11.5ZM18.5244 11.5C17.696 11.5 17.0244 12.1716 17.0244 13C17.0244 13.8284 17.696 14.5 18.5244 14.5C19.3528 14.5 20.0244 13.8284 20.0244 13C20.0244 12.1716 19.3528 11.5 18.5244 11.5Z" clip-rule="evenodd"/><path d="M12.7666 2C16.0028 2 17.1879 2.0003 18.1934 2.73535C19.0943 3.39435 20.2816 6.54292 20.5195 8.89258C20.4495 8.87858 20.3785 8.86631 20.3066 8.85547C19.6932 8.76299 18.9191 8.76465 18 8.76465H6C5.08088 8.76465 4.3068 8.76299 3.69336 8.85547C3.62084 8.86641 3.54914 8.87842 3.47852 8.89258C3.71648 6.54293 4.90572 3.3944 5.80664 2.73535C6.81212 2.00027 7.99779 2 11.2344 2H12.7666Z"/></g></svg>

Car Bold アイコンの使い方

React

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

<Icon icon="solar:car-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:car-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:car-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:car-bold"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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

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