ICONYZ
Português (Brasil)
Ícone Bus Route Info de Stickies color icons

Ícone Bus Route Info

streamline-stickies-color:bus-route-info

O ícone Bus Route Info (streamline-stickies-color:bus-route-info) é um ícone SVG gratuito da coleção Stickies color icons de Streamline. Ele é desenhado em uma grade de 40 × 40. Stickies color 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
Stickies color icons
Autor
Streamline
Licença
CC-BY-4.0
Tamanho
40 × 40
Categoria
Transporte e pontos turísticos
Tags
busroute, routeinfo, busrouteinfo
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#ffe236" stroke="#231f20" d="M16.272 12.777c0 8.881 9.516 14.432 17.129 9.992c3.533-2.061 5.71-5.87 5.71-9.992c0-8.88-9.517-14.432-17.13-9.991c-3.533 2.06-5.71 5.87-5.71 9.991Z"/><path fill="#fff" stroke="#231f20" d="M32.235 16.94a6.6 6.6 0 0 0-1.351.166a37 37 0 0 0-.49-2.723a15.7 15.7 0 0 0-1.175-3.917c-.627-.744-2.126-.382-2.997-.196a5 5 0 0 0-2.067.725c-.243.41-.31.9-.186 1.361c.108.51.441 1.068.676 1.136a3.3 3.3 0 0 0 1.577-.068c.098.607.225 1.243.343 1.811c.186.872.411 1.9.656 2.684a6.3 6.3 0 0 0-1.313.411c-.558.255-.45 1.136-.342 1.645s.362 1.352.98 1.352a18.4 18.4 0 0 0 3.182-.529a17.4 17.4 0 0 0 3.124-.823c.568-.254.46-1.136.353-1.635s-.353-1.39-.97-1.4ZM24.332 6.558c0 1.41 1.51 2.291 2.717 1.586c.561-.327.906-.931.906-1.586c0-1.41-1.51-2.29-2.717-1.586a1.83 1.83 0 0 0-.906 1.586Z"/><path stroke="#fff" stroke-linecap="round" d="M29.846 3.052a6.3 6.3 0 0 1 3.183 1.244"/><path fill="#ff52a1" stroke="#231f20" d="M24.85 37.056c2.038-.754 2.655-5.162 2.84-8.491c.187-3.33.06-7.786-1.87-8.766c-.979-.91-6.19-2.076-10.577-2.33c-4.387-.255-9.725.313-10.773 1.116c-2.047.754-2.644 5.161-2.83 8.461s-.059 7.835 1.87 8.815c.98.91 6.249 1.116 10.627 1.37c4.377.255 9.676.588 10.714-.175Z"/><path fill="#fff" stroke="#231f20" d="M5.92 29.005c.45-.333.636-2.174.715-3.565c.078-1.39.098-3.29-.294-3.633a3.58 3.58 0 0 0-2.302-.852a3.52 3.52 0 0 0-2.37.587c-.47.333-.656 2.175-.734 3.546c-.079 1.37-.098 3.241.313 3.623c.196.373 1.361.392 2.321.451s2.106.176 2.35-.157Zm17.07.98c1.136-.304 1.45-2.135 1.528-3.526c.078-1.39 0-3.242-1.127-3.663c-.538-.392-3.496-.92-5.964-1.067s-5.465.049-6.042.382c-1.137.293-1.45 2.125-1.528 3.516c-.079 1.39 0 3.25 1.126 3.672c.539.392 3.516.52 5.984.656c2.468.137 5.475.343 6.023.03Z"/><path fill="#ffe236" stroke="#231f20" d="M4.44 35.587c0 2.216 2.376 3.601 4.276 2.493a2.89 2.89 0 0 0 1.425-2.493c0-2.217-2.375-3.602-4.275-2.494a2.89 2.89 0 0 0-1.425 2.494Zm13.84.783c0 2.217 2.374 3.602 4.274 2.494a2.89 2.89 0 0 0 1.425-2.494c0-2.216-2.375-3.602-4.275-2.493a2.89 2.89 0 0 0-1.425 2.493Z"/><path stroke="#231f20" stroke-linecap="round" d="m17.32 24.187l-.187 3.29"/><path stroke="#fff" stroke-linecap="round" d="M19.494 19.662c1.377.125 2.739.387 4.064.784"/><path fill="#48eeff" stroke="#231f20" d="M12.428 4.2c1.57 1.06 3.128.868 2.803-.345c-.15-.563-.692-1.212-1.421-1.704c-1.57-1.06-3.128-.869-2.804.344c.15.563.693 1.212 1.422 1.704Zm-1.81 4.98c1.808.533 3.232-.12 2.562-1.174c-.312-.492-1.024-.947-1.867-1.193c-1.808-.533-3.231.12-2.562 1.175c.312.491 1.024.946 1.867 1.193Zm-2.375 4.56c.164.935 2.277 1.166 3.802.415c.708-.348 1.097-.83 1.02-1.265c-.165-.935-2.277-1.166-3.802-.415c-.708.348-1.097.83-1.02 1.265Z"/></g></svg>

Como usar o ícone Bus Route Info

React

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

<Icon icon="streamline-stickies-color:bus-route-info" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:bus-route-info" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:bus-route-info" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--bus-route-info]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="streamline-stickies-color:bus-route-info"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/bus-route-info.svg" alt="Ícone Bus Route Info" width="24" height="24">

Ícones relacionados em Stickies color icons

Ícone bus-route-info-duo
bus-route-info-duo

Perguntas frequentes sobre Ícone Bus Route Info

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

Sim. Stickies color 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 Route Info no React?

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

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

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

Ver todos os Stickies color icons →