Ícone Tram Car
emojione:tram-car
O ícone Tram Car (emojione:tram-car) é 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
- tramcar
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#83bf4f" d="M4.8 22.6h54.4v20.6H4.8z"/><path fill="#ffce31" d="M4.8 43.2h54.4V47H4.8z"/><path fill="#3e4347" d="M55.4 18.9H8.6c-2.1 0-3.8 1.7-3.8 3.8h54.4c0-2.1-1.7-3.8-3.8-3.8m-30-3.8h13.1v3.8H25.4zM2 2h60v1.9H2zm21.6 37.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M21.7 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M12.3 41.7H4.8V25.1s7.5.2 7.5 4.3z"/><path fill="#b4d7ee" d="M10.4 31c0-3.7-5.6-3.6-5.6-3.6v12.1h5.6z"/><path fill="#3e4347" d="M34.8 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M32.9 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M46.1 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M44.2 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M57.3 39.8h-9.4V28.5c0-3.3 9.4-3.3 9.4 0z"/><path fill="#b4d7ee" d="M55.4 30.1c0-2.3-5.6-2.3-5.6 0v7.5h5.6z"/><path fill="#3e4347" d="M5.8 15.5H9v5.6H5.8zm7.7 2h9.1v3.7h-9.1zm30.4-.5H53v3.7h-9.1z"/><path fill="#94989b" d="M2 56.4h60V62H2z"/><path fill="#e6e6e6" d="M2 57.3h60v.9H2z"/><g fill="#3e4347"><path d="m29.953 15.857l5.394-8.774l.767.47l-5.394 8.775zm5.497 1.306l5.399-8.771l1.448.89l-5.4 8.772z"/><path d="m31.795 3.49l.709-.554l7.263 9.3l-.71.553zm3.515-.196l1.418-1.109l5.545 7.09l-1.418 1.108z"/></g><path fill="#699635" d="M4.8 47s-1.9 0-1.9 2.8v3.7h56.3V47z"/><path fill="#3e4347" d="M2.9 52h56.3v1.6H2.9z"/><path fill="#63686b" d="M18.9 49.8H9.5l-2.8 3.8h15z"/><circle cx="10.9" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="10.9" cy="53.6" r=".9" fill="#94989b"/><circle cx="17.5" cy="53.6" r="2.8" fill="#3e4347"/><circle cx="17.5" cy="53.6" r=".9" fill="#94989b"/><path fill="#63686b" d="M54.5 49.8h-9.4l-2.8 3.8h15z"/><g fill="#3e4347"><circle cx="46.5" cy="53.6" r="2.8"/><circle cx="53.1" cy="53.6" r="2.8"/></g><g fill="#94989b"><circle cx="46.5" cy="53.6" r=".9"/><circle cx="53.1" cy="53.6" r=".9"/></g></svg>Como usar o ícone Tram Car
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:tram-car" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:tram-car" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:tram-car" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--tram-car]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:tram-car"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:tram-car"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione/tram-car.svg" alt="Ícone Tram Car" width="24" height="24">Ícones relacionados em Emoji One (Colored)
O ícone Tram Car em outras coleções
Perguntas frequentes sobre Ícone Tram Car
O ícone Tram Car é 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 Tram Car no React?
Instale @iconify/react e renderize <Icon icon="emojione:tram-car" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Tram Car a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione/tram-car.svg" alt="Ícone Tram Car">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.