Car アイコン
gravity-ui:car
Car アイコン(gravity-ui:car)は、Gravity UI Icons セットの無料 SVG アイコンです（作者: YANDEX LLC）。 24 × 24 のグリッドで描かれています。 Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Gravity UI Icons
- 作者
- YANDEX LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.5 11H4.419l-.342 1.026l-.158.474H2V9.52c.496.129 1.213.23 2.25.23a.75.75 0 1 0 0-1.5c-1.073 0-1.682-.12-1.998-.217a2 2 0 0 1-.204-.075a1.8 1.8 0 0 1 .485-.87q.11-.11.214-.228C4.272 7.293 6.15 7.5 8 7.5s3.728-.207 5.253-.64q.103.119.214.228c.241.242.408.544.485.87q-.066.032-.204.075c-.316.097-.925.217-1.998.217a.75.75 0 0 0 0 1.5c1.037 0 1.754-.101 2.25-.23v2.98h-1.919l-.158-.474L11.581 11zm6.924-5.472C11.144 5.838 9.584 6 8 6s-3.144-.162-4.424-.472q.046-.112.088-.226l.448-1.257c.18-.505.57-.806.96-.863a20.8 20.8 0 0 1 5.855 0c.392.057.78.358.96.863l.45 1.257q.04.114.087.226m-1.652 7.788L10.5 12.5h-5l-.272.816a1 1 0 0 1-.949.684H1.5a1 1 0 0 1-1-1V8.375c0-.88.35-1.725.972-2.347a3.3 3.3 0 0 0 .43-.528H1.25a.75.75 0 1 1 0-1.5h1.286l.164-.46c.343-.96 1.148-1.696 2.157-1.842a22.3 22.3 0 0 1 6.286 0c1.009.146 1.814.882 2.157 1.843l.164.459h1.286a.75.75 0 0 1 0 1.5h-.651q.187.286.429.528a3.32 3.32 0 0 1 .972 2.347V13a1 1 0 0 1-1 1h-2.78a1 1 0 0 1-.948-.684" clip-rule="evenodd"/></svg>
Car アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:car" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:car" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:car" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--car]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:car"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:car"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/gravity-ui/car.svg" alt="Car アイコン" width="24" height="24">
Car アイコン のよくある質問
Car アイコンは商用利用でも無料ですか?
はい。Gravity UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Car アイコンを使うには?
@iconify/react をインストールして <Icon icon="gravity-ui:car" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Car アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gravity-ui/car.svg" alt="Car アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Gravity UI Icons をすべて見る →
ICONYZ
