Bus アイコン

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

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

streamline-emojis:bus

Bus アイコン(streamline-emojis:bus)は、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="#00b8f0" d="M4.1 13.89s-.75 3.87-1 7.29a37.4 37.4 0 0 0 0 6.24h5.2V13.89Z"/><path fill="#4acfff" d="M3 25.53c0 1.16.11 1.89.11 1.89h5.2v-10.2Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.1 13.89s-.75 3.87-1 7.29a37.4 37.4 0 0 0 0 6.24h5.2V13.89Z"/><path fill="#45413c" d="M2.68 42.44a21.32 1.56 0 1 0 42.64 0a21.32 1.56 0 1 0-42.64 0" opacity=".15"/><path fill="#ffe500" d="M44.92 34.18H2.54v-6.76a1 1 0 0 1 1-1h.65a1 1 0 0 0 1-.9l1.36-10a.52.52 0 0 0-.51-.59H3.65a.52.52 0 0 1-.52-.58l.22-1.75a2.08 2.08 0 0 1 2.07-1.83H41.8a3.12 3.12 0 0 1 3.12 3.12Z"/><path fill="#fff48c" d="M41.8 10.77H5.42a2.08 2.08 0 0 0-2.07 1.83l-.22 1.75a.53.53 0 0 0 .29.53a2.08 2.08 0 0 1 2-1.51H41.8a3.12 3.12 0 0 1 3.12 3.12v-2.6a3.12 3.12 0 0 0-3.12-3.12"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.92 34.18H2.54v-6.76a1 1 0 0 1 1-1h.65a1 1 0 0 0 1-.9l1.36-10a.52.52 0 0 0-.51-.59H3.65a.52.52 0 0 1-.52-.58l.22-1.75a2.08 2.08 0 0 1 2.07-1.83H41.8a3.12 3.12 0 0 1 3.12 3.12Z"/><path fill="#656769" d="M2.54 34.18h42.38a.52.52 0 0 1 .52.52v2.6a1 1 0 0 1-1 1H3.06a1 1 0 0 1-1-1v-2.6a.52.52 0 0 1 .48-.52"/><path fill="#87898c" d="M44.92 34.18H2.54a.52.52 0 0 0-.54.52v.52a1 1 0 0 0 1 1h41.4a1 1 0 0 0 1-1v-.52a.52.52 0 0 0-.48-.52"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.54 34.18h42.38a.52.52 0 0 1 .52.52v2.6a1 1 0 0 1-1 1H3.06a1 1 0 0 1-1-1v-2.6a.52.52 0 0 1 .48-.52"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.12 10.77H10.86l.33-1.29a1 1 0 0 1 1-.79h23.6a1 1 0 0 1 1 .79Z"/><path fill="#00b8f0" d="M14.66 26.38H9.38a.52.52 0 0 1-.52-.59l1.36-10a1 1 0 0 1 1-.9h29.54a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1H16.94a1 1 0 0 0-1 .86l-.23 1.39a1.05 1.05 0 0 1-1.05.99"/><path fill="#4acfff" d="m19.75 23.28l5.14-8.32l13.73-.03l-5.15 8.33z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.66 26.38H9.38a.52.52 0 0 1-.52-.59l1.36-10a1 1 0 0 1 1-.9h29.54a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1H16.94a1 1 0 0 0-1 .86l-.23 1.39a1.05 1.05 0 0 1-1.05.99"/><path fill="#ff8a14" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.54 29.5h42.38v4.68H2.54z"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.54 29h1v3.1h0h-1a1 1 0 0 1-1-1V30a1 1 0 0 1 1-1m42.38-.54h1a1 1 0 0 1 1 1v1.56a1 1 0 0 1-1 1h-1h0z"/><path fill="#525252" d="M5.66 38.34a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0m27.82 0a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0"/><path fill="#656769" d="M9.82 36.26a4.16 4.16 0 0 1 4 3.12a4.4 4.4 0 0 0 .14-1a4.16 4.16 0 0 0-8.32 0a4 4 0 0 0 .15 1a4.15 4.15 0 0 1 4.03-3.12m27.82 0a4.15 4.15 0 0 1 4 3.12a4 4 0 0 0 .15-1a4.16 4.16 0 1 0-8.32 0a4.4 4.4 0 0 0 .14 1a4.16 4.16 0 0 1 4.03-3.12"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.66 38.34a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0m27.82 0a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.26 38.34a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0m27.82 0a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.58 23.26v-8.33m12.71 0v8.33m-6.35-8.33v8.33m12.7-8.33v8.33M7.22 12.85H9.3m29.38 0h2.08"/></svg>

Bus アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Streamline Emojis の関連アイコン

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

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

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

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

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

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

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

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

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