Иконка Bus Stop
fluent-emoji-high-contrast:bus-stop
Иконка Bus Stop (fluent-emoji-high-contrast:bus-stop) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
- Теги
- busstop
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14 9.331c0-.182.198-.331.44-.331h7.119c.243 0 .441.149.441.331v5.117c.009.304-.19.552-.433.552h-7.126c-.243 0-.441-.248-.441-.552zm.992.669v3.998H21V10z"/><path d="M6.993 2v4h1.014a2.257 2.257 0 0 1 2.24-2h16.491a2.257 2.257 0 0 1 2.255 2.255v16.49A2.257 2.257 0 0 1 26.738 25h-16.49a2.257 2.257 0 0 1-2.241-2H6.993v7h-4v-7h-.094a.906.906 0 0 1-.906-.914v-2.172c0-.508.403-.914.906-.914h.094v-9h-.094a.905.905 0 0 1-.906-.911V6.91c0-.506.403-.911.906-.911h.094V2zm1 7V7h-5v2zm0 1v9h-1v-9zm0 10h-5v2h5zm15.003-1.524q0-.03-.004-.058V17h-.504a.497.497 0 0 0-.495.497V18.5c0 .257.197.47.447.494a1 1 0 0 1-.092.006h-8.71a1 1 0 0 1-.093-.006a.497.497 0 0 0 .45-.494v-1.003a.497.497 0 0 0-.496-.497h-.506v1.391l.001.045l-.001.04v2.057c0 .264.212.476.475.476h1.052a.48.48 0 0 0 .476-.476V20h5.997v.533c0 .264.212.476.475.476h1.052a.47.47 0 0 0 .476-.476zM21.444 8h-6.897C13.69 8 13 8.73 13 9.64v2.852h-.007v-.018c0-.254-.17-.472-.39-.472h-.22c-.21 0-.39.205-.39.472v2.056c.01.266.18.472.39.472h.22c.192 0 .359-.172.386-.405H13V16h10v-1.378c.035.22.19.378.383.378h.22c.21 0 .39-.206.39-.471v-2.056c0-.254-.17-.471-.39-.471h-.22c-.185 0-.347.16-.383.38V9.641C23 8.729 22.31 8 21.444 8m-.697 9.001a.25.25 0 0 0 .253-.25a.25.25 0 0 0-.253-.25h-5.494a.25.25 0 0 0-.253.25c0 .14.111.25.253.25zm-1 .999c.142 0 .253-.11.253-.25s-.111-.25-.253-.25h-3.494a.25.25 0 0 0-.253.25c0 .14.111.25.253.25z"/></g></svg>
Как использовать иконку Bus Stop
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:bus-stop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:bus-stop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:bus-stop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--bus-stop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:bus-stop"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:bus-stop"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/bus-stop.svg" alt="Иконка Bus Stop" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Bus Stop в других наборах
Вопросы и ответы: Иконка Bus Stop
Можно ли бесплатно использовать иконку Bus Stop в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bus Stop в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:bus-stop" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bus Stop на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/bus-stop.svg" alt="Иконка Bus Stop">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
