Ícone Bus Stop
emojione:bus-stop
O ícone Bus Stop (emojione:bus-stop) é um ícone SVG gratuito da coleção Emoji One (Colored) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (Colored)
- Autor
- Emoji One
- Licença
- CC-BY-4.0
- Tamanho
- 64 × 64
- Categoria
- Viagens
- Tags
- busstop
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#83bf4f" d="M26 26h4v38h-4z"/><path fill="#42ade2" d="M31 30h19v6H31z"/><path fill="#fc97b2" d="M31 36h19v6H31z"/><path fill="#42ade2" d="M14 30h11v6H14z"/><path fill="#fc97b2" d="M14 36h11v6H14z"/><path fill="#42ade2" d="M31 42h19v6H31z"/><path fill="#699635" d="M26 48h4v2h-4zm-1-13h6v2h-6zm0 6h6v2h-6z"/><path fill="#42ade2" d="M28 0c-7.7 0-14 6.3-14 14c0 3.9 1.6 7.4 4.1 9.9l9.9 1l9.9-1c2.5-2.5 4.1-6 4.1-9.9c0-7.7-6.3-14-14-14"/><path fill="#ff717f" d="m37.9 23.9l-2.8-2.8C31.2 25 24.9 25 21 21.1l-2.8 2.8c2.2 2.2 5 3.5 7.9 3.9V30h4v-2.2c2.8-.4 5.6-1.7 7.8-3.9"/><path fill="#fff" d="M34 15c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2z"/><g fill="#42ade2"><path d="M32 10c0 .6-.4 1-1 1h-6c-.5 0-1-.4-1-1V8c0-.6.5-1 1-1h6c.6 0 1 .4 1 1z"/><circle cx="25" cy="14" r="1"/><circle cx="31" cy="14" r="1"/></g><path fill="#fff" d="M31 16v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3zm-8 0v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3z"/><path fill="#699635" d="M25 42h6v6h-6zm0-6h6v6h-6zm0-6h6v6h-6z"/><path fill="#83bf4f" d="M27 30h2v5h-2zm0 7h2v4h-2zm0 6h2v5h-2z"/><path fill="#fff" d="M15.9 31.6h1.6v3h-1.6zm3.6 0h3.3v3h-3.3zm-3.6 5.9h3.3v3h-3.3zm5.3 0h1.7v3h-1.7zm21.4-6h6.2v1h-6.2zm-7.4 0h6.2v1h-6.2zm3.4 2h10.1v1H38.6zm-1.2 10h11.3v1H37.4zm7.6 2h3.7v1H45zm-11.7 0h10.6v1H33.3zm8.2-8h7.2v1h-7.2zm-8.6 0h7.2v1h-7.2zm12.1 2h3.8v1H45zm-4.9 0h3.8v1h-3.8zm-4.6 0h3.8v1h-3.8z"/></svg>
Como usar o ícone Bus Stop
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:bus-stop" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:bus-stop" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:bus-stop" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--bus-stop]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:bus-stop"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:bus-stop"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione/bus-stop.svg" alt="Ícone Bus Stop" width="24" height="24">
Ícones relacionados em Emoji One (Colored)
O ícone Bus Stop em outras coleções
Perguntas frequentes sobre Ícone Bus Stop
O ícone Bus Stop é grátis para uso comercial?
Sim. Emoji One (Colored) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Bus Stop no React?
Instale @iconify/react e renderize <Icon icon="emojione: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/emojione/bus-stop.svg" alt="Ícone Bus Stop">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (Colored) →
ICONYZ
