ICONYZ
Português (Brasil)
Ícone Bus Flat de Plump color icons

Ícone Bus Flat

streamline-plump-color:bus-flat

O ícone Bus Flat (streamline-plump-color:bus-flat) é um ícone SVG gratuito da coleção Plump color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump 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
Plump color icons
Autor
Streamline
Licença
CC-BY-4.0
Tamanho
48 × 48
Categoria
Mapas e viagens
Tags
busflat
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2859c5" d="M14 46.5c.905 0 1.749-.09 2.326-.17a2.416 2.416 0 0 0 2.077-2.274c.042-.8.097-2.187.097-4.056a75 75 0 0 0-.107-4.224c-.053-.938-.695-1.924-1.862-2.115c-.53-.086-1.332-.161-2.531-.161s-2.001.075-2.531.161c-1.167.19-1.809 1.177-1.862 2.115A75 75 0 0 0 9.5 40c0 1.87.055 3.255.097 4.056a2.42 2.42 0 0 0 2.078 2.274c.576.08 1.42.17 2.325.17m20 0c-.905 0-1.749-.09-2.326-.17a2.416 2.416 0 0 1-2.077-2.274A78 78 0 0 1 29.5 40c0-2.008.063-3.458.107-4.224c.053-.938.695-1.924 1.862-2.115c.53-.086 1.332-.161 2.531-.161s2.001.075 2.531.161c1.167.19 1.809 1.177 1.862 2.115c.044.766.107 2.216.107 4.224c0 1.87-.055 3.255-.097 4.056a2.416 2.416 0 0 1-2.078 2.274c-.576.08-1.42.17-2.325.17"/><path fill="#8fbffa" fill-rule="evenodd" d="M11.003 1.919C13.832 1.706 18.097 1.5 24 1.5s10.168.206 12.997.419c3.297.247 5.837 2.787 6.084 6.084c.112 1.485.222 3.366.3 5.673c1.664.483 2.961 1.923 3.052 3.819c.039.807.067 1.794.067 2.96c0 .979-.02 1.771-.05 2.41c-.086 1.866-1.389 3.153-2.984 3.525c-.051 3.9-.151 6.83-.244 8.846a5.207 5.207 0 0 1-4.986 4.986c-2.857.131-7.548.278-14.236.278s-11.379-.147-14.236-.278a5.207 5.207 0 0 1-4.986-4.986a273 273 0 0 1-.244-8.846c-1.595-.372-2.898-1.659-2.985-3.524c-.03-.64-.049-1.433-.049-2.411c0-1.166.028-2.153.067-2.96c.09-1.896 1.388-3.336 3.051-3.82c.08-2.306.19-4.187.3-5.672c.248-3.297 2.788-5.837 6.085-6.084" clip-rule="evenodd"/><path fill="#2859c5" fill-rule="evenodd" d="M12.886 6.94C14.728 6.758 18.32 6.5 24 6.5s9.272.257 11.114.44a3.26 3.26 0 0 1 2.937 2.922c.188 1.81.449 5.304.449 10.808c0 2.049-.02 3.832-.05 5.36a1.5 1.5 0 0 1-1.5 1.47h-25.9a1.5 1.5 0 0 1-1.5-1.47c-.03-1.528-.05-3.311-.05-5.36c0-5.504.26-8.998.45-10.808a3.26 3.26 0 0 1 2.936-2.921Z" clip-rule="evenodd"/><path fill="#2859c5" d="M14 32.5a1.5 1.5 0 0 0 0 3h3a1.5 1.5 0 0 0 0-3zM35.5 34a1.5 1.5 0 0 0-1.5-1.5h-3a1.5 1.5 0 0 0 0 3h3a1.5 1.5 0 0 0 1.5-1.5"/></g></svg>

Como usar o ícone Bus Flat

React

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

<Icon icon="streamline-plump-color:bus-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:bus-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:bus-flat" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="streamline-plump-color:bus-flat"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Plump color icons

O ícone Bus Flat em outras coleções

Perguntas frequentes sobre Ícone Bus Flat

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

Sim. Plump 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 Flat no React?

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

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

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

Ver todos os Plump color icons →