ICONYZ
Русский
Иконка Oncoming Bus из набора Noto Emoji (v1)

Иконка Oncoming Bus

noto-v1:oncoming-bus

Иконка Oncoming Bus (noto-v1:oncoming-bus) — бесплатная SVG-иконка из набора Noto Emoji (v1) от 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

<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>

Веб-компонент

<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">

Похожие иконки в наборе Noto Emoji (v1)

Иконка Oncoming Bus в других наборах

Вопросы и ответы: Иконка Oncoming Bus

Можно ли бесплатно использовать иконку Oncoming Bus в коммерческих проектах?

Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Oncoming Bus в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji (v1) →