Иконка Bus
fxemoji:bus
Иконка Bus (fxemoji:bus) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 512
- Категория
- Места
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E5E4DF" d="M489.137 438.203H22.863c-8.773 0-15.885-7.112-15.885-15.885V171.522c0-23.364 18.94-42.304 42.304-42.304h355.592c55.31 0 100.147 44.838 100.147 100.147v192.952c.001 8.774-7.111 15.886-15.884 15.886"/><path fill="#6EB51C" d="M492.439 440.136H19.561c-6.949 0-12.583-5.634-12.583-12.583v-70.756h498.043v70.756c.001 6.949-5.633 12.583-12.582 12.583"/><path fill="#4D8226" d="M6.978 328.714h498.043v27.871H6.978zm55.667 111.394c0-35.752 28.983-64.736 64.736-64.736s64.736 28.983 64.736 64.736m266.684 0c0-35.752-28.983-64.736-64.736-64.736s-64.736 28.983-64.736 64.736"/><path fill="#2B3B47" d="M178.041 440.108c0 27.979-22.681 50.66-50.66 50.66s-50.66-22.681-50.66-50.66s22.681-50.66 50.66-50.66s50.66 22.682 50.66 50.66m216.024-50.66c-27.979 0-50.66 22.681-50.66 50.66s22.681 50.66 50.66 50.66s50.66-22.681 50.66-50.66s-22.681-50.66-50.66-50.66"/><path fill="#597B91" d="M158.934 440.108c0 17.427-14.127 31.554-31.554 31.554s-31.554-14.127-31.554-31.554s14.127-31.554 31.554-31.554s31.554 14.128 31.554 31.554m235.131-31.553c-17.427 0-31.554 14.127-31.554 31.554s14.127 31.554 31.554 31.554s31.554-14.127 31.554-31.554s-14.127-31.554-31.554-31.554"/><path fill="#FF473E" d="M492.51 341.702h12.512V283.71H492.51c-7.4 0-13.399 5.999-13.399 13.399v31.193c0 7.401 5.999 13.4 13.399 13.4"/><path fill="#FFD469" d="M24.16 368.813H6.978v45.271H24.16c7.4 0 13.399-5.999 13.399-13.399v-18.473c0-7.4-5.999-13.399-13.399-13.399"/><path fill="#00B1FF" d="M94.781 298.291H15.978V172.897H94.78c13.552 0 24.538 10.986 24.538 24.538v76.318c.001 13.552-10.985 24.538-24.537 24.538m116.598-54.897v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.266 0v-61.965a7.2 7.2 0 0 0-7.2-7.2H245a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m81.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2m90.267 0v-61.965a7.2 7.2 0 0 0-7.2-7.2h-49.445a7.2 7.2 0 0 0-7.2 7.2v61.965a7.2 7.2 0 0 0 7.2 7.2h49.445a7.2 7.2 0 0 0 7.2-7.2"/></svg>Как использовать иконку Bus
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:bus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:bus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:bus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--bus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:bus"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:bus"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/bus.svg" alt="Иконка Bus" width="24" height="24">Похожие иконки в наборе Firefox OS Emoji
Иконка Bus в других наборах
Вопросы и ответы: Иконка Bus
Можно ли бесплатно использовать иконку Bus в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bus в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:bus" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bus на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/bus.svg" alt="Иконка Bus">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.