Иконка Bus
noto-v1:bus
Иконка Bus (noto-v1: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
- Категория
- Путешествия и места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#2f2f2f"><path d="M117.13 87.29c0 7.35-2.06 13.3-4.58 13.3c-2.53 0-4.58-5.95-4.58-13.3s2.05-13.31 4.58-13.31c2.52 0 4.58 5.97 4.58 13.31"/><path d="M110.56 99.28s1.22 1.95 2.54 2.61c2.99 1.49 7.15.94 9.65-2.46l-1.34-8.1l-8.46 1.61z"/></g><g fill="#2f2f2f"><path d="M23.71 104.14c0 7.85-2.77 14.22-6.17 14.22c-3.41 0-6.18-6.37-6.18-14.22c0-7.86 2.77-14.23 6.18-14.23c3.4.01 6.17 6.37 6.17 14.23"/><path d="M14.85 116.97s1.64 2.09 3.44 2.79c4.03 1.59 9.63 1 13-2.62l-1.81-8.66l-11.4 1.72z"/><path d="M34.95 104.14c0 7.85-2.77 14.22-6.17 14.22c-3.41 0-6.18-6.37-6.18-14.22c0-7.86 2.77-14.23 6.18-14.23c3.4.01 6.17 6.37 6.17 14.23"/></g><g fill="#2f2f2f"><path d="M90.78 104.14c0 7.85-2.77 14.22-6.17 14.22c-3.41 0-6.18-6.37-6.18-14.22c0-7.86 2.77-14.23 6.18-14.23c3.4.01 6.17 6.37 6.17 14.23"/><path d="M81.92 116.97s1.64 2.09 3.44 2.79c4.03 1.59 9.63 1 13.01-2.62l-1.81-8.66l-11.4 1.72z"/></g><defs><path id="SVGGbhgseLM" d="M114 12.21H17.31C7.28 12.21.16 18.34.16 27.36V91.7c0 10.02 8.13 18.15 18.15 18.15h55.67c14.62 0 19.4-1.89 28.34-7.78C111.51 96.02 128 86.02 128 77.82V27.27c0-10.02-3.98-15.06-14-15.06"/></defs><use fill="#fcc21b" href="#SVGGbhgseLM"/><clipPath id="SVG9rUhMbAA"><use href="#SVGGbhgseLM"/></clipPath><path fill="#ed6c30" d="M-.38 82.07h86.33v29.43H-.38zm86.33 35.52l45.37-29.65V54.85L85.95 82.07z" clip-path="url(#SVG9rUhMbAA)"/><defs><path id="SVGgT3Q0cHP" d="M80.11 67.23c0 3.36-2.73 6.1-6.1 6.1h-58.6c-3.36 0-6.09-2.74-6.09-6.1V28.49c0-3.36 2.73-6.1 6.09-6.1H74c3.37 0 6.1 2.74 6.1 6.1v38.74z"/></defs><use fill="#40c0e7" href="#SVGgT3Q0cHP"/><clipPath id="SVGkqcVnbEi"><use href="#SVGgT3Q0cHP"/></clipPath><path fill="#2f2f2f" d="M6.61 20.04h77v17.88h-77z" clip-path="url(#SVGkqcVnbEi)"/><path fill="#fff" d="M20.24 25.96h49.73v8.1H20.24z" clip-path="url(#SVGkqcVnbEi)"/><path fill="#40c0e7" d="M108.42 48.97c0 2.6-1.52 5.56-3.51 6.69l-7.41 4.21c-2.74 1.54-5.13.17-5.13-3.2V29.25c0-3.36 2.4-6.09 5.13-6.09h7.41c1.99 0 3.51 2.11 3.51 4.69zm11.92-22.19c0-1.97-.73-3.57-1.67-3.57h-3.34c-1.16 0-2.16 1.91-2.16 4.25v19.06c0 2.34 1 3.64 2.16 2.91l3.34-2.04c.94-.58 1.67-2.62 1.67-4.59z"/><ellipse cx="16.08" cy="93.96" fill="#fff" rx="6.87" ry="6.86"/><path fill="#fff" d="M79.13 93.96c0 3.79-3.08 6.86-6.88 6.86c-3.78 0-6.86-3.07-6.86-6.86c0-3.8 3.07-6.86 6.86-6.86c3.8 0 6.88 3.06 6.88 6.86"/><path fill="#2f2f2f" d="M102.02 104.14c0 7.85-2.77 14.22-6.17 14.22c-3.41 0-6.18-6.37-6.18-14.22c0-7.86 2.77-14.23 6.18-14.23c3.4.01 6.17 6.37 6.17 14.23m23.44-16.85c0 7.35-2.05 13.3-4.58 13.3s-4.58-5.95-4.58-13.3s2.05-13.31 4.58-13.31c2.54 0 4.58 5.97 4.58 13.31"/></svg>
Как использовать иконку Bus
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:bus" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:bus" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:bus" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--bus]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:bus"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:bus"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/bus.svg" alt="Иконка Bus" width="24" height="24">
Похожие иконки в наборе Noto Emoji (v1)
Иконка Bus в других наборах
Вопросы и ответы: Иконка Bus
Можно ли бесплатно использовать иконку Bus в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bus в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:bus" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bus на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/bus.svg" alt="Иконка Bus">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
ICONYZ
