Automobile アイコン

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

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

streamline-emojis:automobile

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

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.86 11.27A1.37 1.37 0 0 1 42 12.7l-2.46 4.91l-4-4.53l3.46-2.3a2.1 2.1 0 0 1 2.86.49"/><path fill="#45413c" d="M3.02 42.3a20.98 1.7 0 1 0 41.96 0a20.98 1.7 0 1 0-41.96 0" opacity=".15"/><path fill="#ff6242" d="m41.46 23.66l-.5-.38l-1.36-7.9A3 3 0 0 0 36.73 13L25 12.39a13.26 13.26 0 0 0-12.79 7.55L9.94 25a6.23 6.23 0 0 0-6.38 5.77l-.23 4.63a2 2 0 0 0 2.09 2.06H43a2.31 2.31 0 0 0 2.37-2.59l-.95-6.29a7.53 7.53 0 0 0-2.96-4.92"/><path fill="#ff866e" d="M3.55 33.81a6.17 6.17 0 0 1 5-5.62a3 3 0 0 0 2.1-1.73L12.21 23A13.27 13.27 0 0 1 25 15.44l11.73.56a3 3 0 0 1 2.87 2.43l1.4 7.91l.5.38a7.5 7.5 0 0 1 3 4.92l.7 4.61a2.16 2.16 0 0 0 .25-1.38l-.95-6.29a7.53 7.53 0 0 0-3-4.92l-.5-.38l-1.36-7.9A3 3 0 0 0 36.73 13L25 12.39a13.26 13.26 0 0 0-12.79 7.55L9.94 25a6.25 6.25 0 0 0-6.39 5.77l-.22 4.63a1.9 1.9 0 0 0 .11.71Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m41.46 23.66l-.5-.38l-1.36-7.9A3 3 0 0 0 36.73 13L25 12.39a13.26 13.26 0 0 0-12.79 7.55L9.94 25h0a6.23 6.23 0 0 0-6.38 5.77l-.23 4.63a2 2 0 0 0 2.09 2.06H43a2.31 2.31 0 0 0 2.37-2.59l-.95-6.29a7.53 7.53 0 0 0-2.96-4.92"/><path fill="#87898c" d="M8.34 37.46a4.54 4.54 0 1 0 9.08 0a4.54 4.54 0 1 0-9.08 0m23.25 0a4.54 4.54 0 1 0 9.08 0a4.54 4.54 0 1 0-9.08 0"/><path fill="#656769" d="M12.88 34.91a4.53 4.53 0 0 1 4.42 3.55a4.8 4.8 0 0 0 .12-1a4.54 4.54 0 0 0-9.08 0a4.8 4.8 0 0 0 .12 1a4.53 4.53 0 0 1 4.42-3.55m23.25 0a4.53 4.53 0 0 1 4.42 3.55a4.8 4.8 0 0 0 .12-1a4.54 4.54 0 0 0-9.08 0a4.8 4.8 0 0 0 .12 1a4.54 4.54 0 0 1 4.42-3.55"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.34 37.46a4.54 4.54 0 1 0 9.08 0a4.54 4.54 0 1 0-9.08 0m23.25 0a4.54 4.54 0 1 0 9.08 0a4.54 4.54 0 1 0-9.08 0"/><path fill="#00b8f0" d="M14.72 24a.37.37 0 0 0 .35.47h17.09a1.14 1.14 0 0 0 1.14-1.14V17a1.13 1.13 0 0 0-1.06-1.13L27 15.46A11.87 11.87 0 0 0 14.72 24"/><path fill="#4acfff" d="M28.53 15.57L27 15.46A11.87 11.87 0 0 0 14.72 24a.37.37 0 0 0 .35.47h8.43Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.72 24a.37.37 0 0 0 .35.47h17.09a1.14 1.14 0 0 0 1.14-1.14V17a1.13 1.13 0 0 0-1.06-1.13L27 15.46A11.87 11.87 0 0 0 14.72 24"/><path fill="#bdbec0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.89 27.25h-3.4a1.14 1.14 0 0 0 0 2.27h3.4a1.14 1.14 0 1 0 0-2.27"/><path fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.64 30.66H3.56v.1l-.16 3.3h2.86a1.14 1.14 0 0 0 1.08-.78l.38-1.13a1.14 1.14 0 0 0-1.08-1.49m38.04-.57h-1.74a1.7 1.7 0 1 0 0 3.4h2.25Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.15 33.54v-5.15m20.98 4.54V29.3a3.83 3.83 0 0 0-1.7-3.18"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M11.18 37.46a1.7 1.7 0 1 0 3.4 0a1.7 1.7 0 1 0-3.4 0m23.25 0a1.7 1.7 0 1 0 3.4 0a1.7 1.7 0 1 0-3.4 0"/></svg>

Automobile アイコンの使い方

React

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

<Icon icon="streamline-emojis:automobile" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:automobile" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:automobile" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--automobile]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:automobile"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:automobile"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/automobile.svg" alt="Automobile アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Streamline Emojis アイコンをすべて見る →