Ícone Bus

streamline-emojis:bus

O ícone Bus (streamline-emojis:bus) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis 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: Streamline Emojis
Autor: Streamline
Licença: CC-BY-4.0
Tamanho: 48 × 48
Categoria: Viagens e lugares

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#00b8f0" d="M4.1 13.89s-.75 3.87-1 7.29a37.4 37.4 0 0 0 0 6.24h5.2V13.89Z"/><path fill="#4acfff" d="M3 25.53c0 1.16.11 1.89.11 1.89h5.2v-10.2Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.1 13.89s-.75 3.87-1 7.29a37.4 37.4 0 0 0 0 6.24h5.2V13.89Z"/><path fill="#45413c" d="M2.68 42.44a21.32 1.56 0 1 0 42.64 0a21.32 1.56 0 1 0-42.64 0" opacity=".15"/><path fill="#ffe500" d="M44.92 34.18H2.54v-6.76a1 1 0 0 1 1-1h.65a1 1 0 0 0 1-.9l1.36-10a.52.52 0 0 0-.51-.59H3.65a.52.52 0 0 1-.52-.58l.22-1.75a2.08 2.08 0 0 1 2.07-1.83H41.8a3.12 3.12 0 0 1 3.12 3.12Z"/><path fill="#fff48c" d="M41.8 10.77H5.42a2.08 2.08 0 0 0-2.07 1.83l-.22 1.75a.53.53 0 0 0 .29.53a2.08 2.08 0 0 1 2-1.51H41.8a3.12 3.12 0 0 1 3.12 3.12v-2.6a3.12 3.12 0 0 0-3.12-3.12"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.92 34.18H2.54v-6.76a1 1 0 0 1 1-1h.65a1 1 0 0 0 1-.9l1.36-10a.52.52 0 0 0-.51-.59H3.65a.52.52 0 0 1-.52-.58l.22-1.75a2.08 2.08 0 0 1 2.07-1.83H41.8a3.12 3.12 0 0 1 3.12 3.12Z"/><path fill="#656769" d="M2.54 34.18h42.38a.52.52 0 0 1 .52.52v2.6a1 1 0 0 1-1 1H3.06a1 1 0 0 1-1-1v-2.6a.52.52 0 0 1 .48-.52"/><path fill="#87898c" d="M44.92 34.18H2.54a.52.52 0 0 0-.54.52v.52a1 1 0 0 0 1 1h41.4a1 1 0 0 0 1-1v-.52a.52.52 0 0 0-.48-.52"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.54 34.18h42.38a.52.52 0 0 1 .52.52v2.6a1 1 0 0 1-1 1H3.06a1 1 0 0 1-1-1v-2.6a.52.52 0 0 1 .48-.52"/><path fill="#fff48c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M37.12 10.77H10.86l.33-1.29a1 1 0 0 1 1-.79h23.6a1 1 0 0 1 1 .79Z"/><path fill="#00b8f0" d="M14.66 26.38H9.38a.52.52 0 0 1-.52-.59l1.36-10a1 1 0 0 1 1-.9h29.54a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1H16.94a1 1 0 0 0-1 .86l-.23 1.39a1.05 1.05 0 0 1-1.05.99"/><path fill="#4acfff" d="m19.75 23.28l5.14-8.32l13.73-.03l-5.15 8.33z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.66 26.38H9.38a.52.52 0 0 1-.52-.59l1.36-10a1 1 0 0 1 1-.9h29.54a1 1 0 0 1 1 1v6.25a1 1 0 0 1-1 1H16.94a1 1 0 0 0-1 .86l-.23 1.39a1.05 1.05 0 0 1-1.05.99"/><path fill="#ff8a14" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.54 29.5h42.38v4.68H2.54z"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.54 29h1v3.1h0h-1a1 1 0 0 1-1-1V30a1 1 0 0 1 1-1m42.38-.54h1a1 1 0 0 1 1 1v1.56a1 1 0 0 1-1 1h-1h0z"/><path fill="#525252" d="M5.66 38.34a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0m27.82 0a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0"/><path fill="#656769" d="M9.82 36.26a4.16 4.16 0 0 1 4 3.12a4.4 4.4 0 0 0 .14-1a4.16 4.16 0 0 0-8.32 0a4 4 0 0 0 .15 1a4.15 4.15 0 0 1 4.03-3.12m27.82 0a4.15 4.15 0 0 1 4 3.12a4 4 0 0 0 .15-1a4.16 4.16 0 1 0-8.32 0a4.4 4.4 0 0 0 .14 1a4.16 4.16 0 0 1 4.03-3.12"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.66 38.34a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0m27.82 0a4.16 4.16 0 1 0 8.32 0a4.16 4.16 0 1 0-8.32 0"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.26 38.34a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0m27.82 0a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.58 23.26v-8.33m12.71 0v8.33m-6.35-8.33v8.33m12.7-8.33v8.33M7.22 12.85H9.3m29.38 0h2.08"/></svg>

Como usar o ícone Bus

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:bus" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:bus" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:bus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--bus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:bus"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:bus"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/bus.svg" alt="Ícone Bus" width="24" height="24">

Ícones relacionados em Streamline Emojis

O ícone Bus em outras coleções

Perguntas frequentes sobre Ícone Bus

O ícone Bus é grátis para uso comercial?

Sim. Streamline Emojis 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 no React?

Instale @iconify/react e renderize <Icon icon="streamline-emojis:bus" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Bus a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/bus.svg" alt="Ícone Bus">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Streamline Emojis →