Oncoming Bus アイコン
noto-v1:oncoming-bus
Oncoming Bus アイコン(noto-v1:oncoming-bus)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
- タグ
- oncomingbus
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2f2f2f" d="M93.44 120.95c0 3.64 2.95 6.6 6.59 6.6s6.59-2.96 6.59-6.6V94.23c0-3.63-2.95-6.59-6.59-6.59s-6.59 2.96-6.59 6.59zm-58.88 0c0 3.64-2.95 6.6-6.59 6.6s-6.59-2.96-6.59-6.6V94.23c0-3.63 2.95-6.59 6.59-6.59s6.59 2.96 6.59 6.59z"/><defs><path id="SVGQDNTieXk" d="M113.87 17.12c-.11-2.13-1.57-4.97-3.24-6.3c0 0-12.97-10.37-47.3-10.37S17.27 10.69 17.27 10.69c-1.61 1.41-3.02 4.31-3.13 6.44l-2.72 50.76c-.11 2.14-.21 5.63-.21 7.77v31.77a3.9 3.9 0 0 0 3.89 3.89h97.82a3.9 3.9 0 0 0 3.89-3.89V75.64c0-2.14-.09-5.63-.21-7.77z"/></defs><use fill="#fcc21b" href="#SVGQDNTieXk"/><path fill="#fff" d="M35.75 92.4c0 4.07-3.32 7.39-7.4 7.39c-4.09 0-7.39-3.32-7.39-7.39c0-4.08 3.31-7.39 7.39-7.39c4.09 0 7.4 3.31 7.4 7.39m56.98 0c0 4.07 3.31 7.39 7.4 7.39c4.08 0 7.39-3.32 7.39-7.39c0-4.08-3.31-7.39-7.39-7.39c-4.09 0-7.4 3.31-7.4 7.39"/><path fill="#40c0e7" d="M105.91 32.33c-.11-4.27-3.71-7.77-7.98-7.77H30.08c-4.28 0-7.87 3.5-7.98 7.77l-.87 32.45a7.553 7.553 0 0 0 7.57 7.77h70.43c4.28 0 7.68-3.5 7.57-7.77z"/><path fill="#fff" d="M88.25 18.63H38.38c-2.4 0-4.36-1.95-4.36-4.36s1.96-4.36 4.36-4.36h49.87c2.41 0 4.35 1.95 4.35 4.36a4.343 4.343 0 0 1-4.35 4.36"/></svg>
Oncoming Bus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:oncoming-bus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:oncoming-bus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:oncoming-bus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--oncoming-bus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:oncoming-bus"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:oncoming-bus"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/oncoming-bus.svg" alt="Oncoming Bus アイコン" width="24" height="24">
他のアイコンセットの Oncoming Bus アイコン
Oncoming Bus アイコン のよくある質問
Oncoming Bus アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Oncoming Bus アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:oncoming-bus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Oncoming Bus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/oncoming-bus.svg" alt="Oncoming Bus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
