Ícone Bus Stop
fluent-emoji-flat:bus-stop
O ícone Bus Stop (fluent-emoji-flat:bus-stop) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
- Tags
- busstop
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M6.993 2h-4v28h4z"/><path fill="#d3d3d3" d="M2.9 10h5.186a.914.914 0 0 0 .907-.922V6.911A.905.905 0 0 0 8.086 6H2.9a.905.905 0 0 0-.906.911V9.09c0 .506.403.911.906.911m0 13h5.186a.913.913 0 0 0 .907-.914v-2.172A.906.906 0 0 0 8.086 19H2.9a.906.906 0 0 0-.906.914v2.172c0 .508.403.914.906.914"/><path fill="#46a4fb" d="M10.247 25h16.491a2.257 2.257 0 0 0 2.255-2.255V6.255A2.257 2.257 0 0 0 26.738 4h-16.49a2.257 2.257 0 0 0-2.255 2.255v16.49A2.257 2.257 0 0 0 10.247 25"/><path fill="#321b41" d="M13.468 21.01a.475.475 0 0 1-.475-.477v-2.057c0-.263.212-.476.475-.476h1.052c.263 0 .476.213.476.476v2.057a.48.48 0 0 1-.476.476zm8 0h1.052a.47.47 0 0 0 .476-.477v-2.057A.475.475 0 0 0 22.52 18h-1.052a.475.475 0 0 0-.475.476v2.057c0 .264.212.476.475.476"/><path fill="#ffb02e" d="M22.348 19h-8.71c-.36 0-.645-.27-.645-.609V16h10v2.391c0 .34-.295.609-.645.609"/><path fill="#f4f4f4" d="M21.444 8h-6.897C13.691 8 13 8.73 13 9.64V16h10V9.64C23 8.73 22.31 8 21.444 8"/><path fill="#321b41" d="M12.603 15.002h-.22c-.21 0-.38-.206-.39-.472v-2.056c0-.267.18-.472.39-.472h.22c.22 0 .39.218.39.472v2.056c0 .266-.18.472-.39.472m11-.002h-.22c-.22 0-.39-.206-.39-.471v-2.056c0-.266.18-.471.39-.471h.22c.22 0 .39.217.39.471v2.056c0 .265-.18.471-.39.471"/><path fill="#26c9fc" d="M21.567 15h-7.126c-.243 0-.441-.248-.441-.552V10h8v4.448c.009.304-.19.552-.433.552"/><path fill="#e6e6e6" d="M15.253 17.001h5.494a.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.25m1 .999h3.494c.142 0 .253-.11.253-.25s-.111-.25-.253-.25h-3.494a.25.25 0 0 0-.253.25c0 .14.111.25.253.25"/><path fill="#fff478" d="M22.993 17v1.391c0 .31-.245.56-.553.603a.497.497 0 0 1-.447-.494v-1.003c0-.274.222-.497.495-.497zm-10 1.391c0 .31.237.561.552.603a.497.497 0 0 0 .45-.494v-1.003a.497.497 0 0 0-.496-.497h-.506z"/><path fill="#321b41" d="M21.991 10H14v-.669c0-.182.198-.331.44-.331h7.12c.242 0 .44.149.44.331V10z"/></g></svg>Como usar o ícone Bus Stop
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:bus-stop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:bus-stop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:bus-stop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--bus-stop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:bus-stop"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:bus-stop"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bus-stop.svg" alt="Ícone Bus Stop" width="24" height="24">Ícones relacionados em Fluent Emoji Flat
O ícone Bus Stop em outras coleções
Perguntas frequentes sobre Ícone Bus Stop
O ícone Bus Stop é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bus Stop no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:bus-stop" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bus Stop a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/bus-stop.svg" alt="Ícone Bus Stop">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.