Ícone Tram Outline

solar:tram-outline

O ícone Tram Outline (solar:tram-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Peças
Tags: tramoutline

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.9436 1.25H12.0564C12.7182 1.24999 13.3304 1.24999 13.8961 1.25714C13.9301 1.25243 13.9648 1.25 14 1.25C14.0428 1.25 14.0848 1.25359 14.1257 1.26049C15.0329 1.27564 15.8162 1.31267 16.489 1.40314C17.6614 1.56076 18.6104 1.89288 19.3588 2.64124C20.1071 3.38961 20.4392 4.33856 20.5969 5.51098C20.75 6.65019 20.75 8.10583 20.75 9.94359V12.0564C20.75 12.3707 20.75 12.6737 20.7492 12.966C20.7497 12.9773 20.75 12.9886 20.75 13C20.75 13.0129 20.7497 13.0257 20.749 13.0384C20.7448 14.4224 20.7217 15.5607 20.5969 16.489C20.4392 17.6614 20.1071 18.6104 19.3588 19.3588C18.9533 19.7642 18.4889 20.0475 17.962 20.247L18.6708 21.6646C18.8561 22.0351 18.7059 22.4856 18.3354 22.6708C17.9649 22.8561 17.5144 22.7059 17.3292 22.3354L16.4617 20.6005C15.3266 20.75 13.8795 20.75 12.0564 20.75H11.9436C10.1205 20.75 8.67342 20.75 7.53828 20.6005L6.67082 22.3354C6.48558 22.7059 6.03507 22.8561 5.66459 22.6708C5.29411 22.4856 5.14394 22.0351 5.32918 21.6646L6.03795 20.247C5.51107 20.0475 5.04672 19.7642 4.64124 19.3588C3.89288 18.6104 3.56076 17.6614 3.40314 16.489C3.27833 15.5607 3.25523 14.4224 3.25096 13.0383C3.25032 13.0256 3.25 13.0129 3.25 13C3.25 12.9886 3.25026 12.9773 3.25076 12.966C3.24999 12.6738 3.25 12.3707 3.25 12.0564V9.94358C3.24998 8.10582 3.24997 6.65019 3.40314 5.51098C3.56076 4.33856 3.89288 3.38961 4.64124 2.64124C5.38961 1.89288 6.33856 1.56076 7.51098 1.40314C8.18385 1.31267 8.96711 1.27564 9.87429 1.26049C9.91517 1.25359 9.95716 1.25 10 1.25C10.0352 1.25 10.0699 1.25243 10.1039 1.25714C10.6696 1.24999 11.2818 1.24999 11.9436 1.25ZM9.26364 2.77562C8.67113 2.79511 8.15979 2.8294 7.71085 2.88976C6.70476 3.02502 6.12511 3.27869 5.7019 3.7019C5.27869 4.12511 5.02502 4.70476 4.88976 5.71085C4.75159 6.73851 4.75 8.09318 4.75 10V12C4.75 12.0844 4.75 12.1677 4.75002 12.25H19.25C19.25 12.1677 19.25 12.0844 19.25 12V10C19.25 8.09318 19.2484 6.73851 19.1102 5.71085C18.975 4.70476 18.7213 4.12511 18.2981 3.7019C17.8749 3.27869 17.2952 3.02502 16.2892 2.88976C15.8402 2.8294 15.3289 2.79511 14.7364 2.77562C14.5981 4.16499 13.4258 5.25 12 5.25C10.5742 5.25 9.40191 4.16499 9.26364 2.77562ZM13.2246 2.75187C13.1081 3.3215 12.6041 3.75 12 3.75C11.3959 3.75 10.8919 3.3215 10.7754 2.75187C11.1565 2.75008 11.5638 2.75 12 2.75C12.4362 2.75 12.8435 2.75008 13.2246 2.75187ZM19.2443 13.75H4.75573C4.76662 14.7836 4.79821 15.6082 4.88976 16.2892C5.02502 17.2952 5.27869 17.8749 5.7019 18.2981C6.12511 18.7213 6.70476 18.975 7.71085 19.1102C8.73851 19.2484 10.0932 19.25 12 19.25C13.9068 19.25 15.2615 19.2484 16.2892 19.1102C17.2952 18.975 17.8749 18.7213 18.2981 18.2981C18.7213 17.8749 18.975 17.2952 19.1102 16.2892C19.2018 15.6082 19.2334 14.7836 19.2443 13.75ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H8.5C8.91421 15.25 9.25 15.5858 9.25 16C9.25 16.4142 8.91421 16.75 8.5 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16ZM14.75 16C14.75 15.5858 15.0858 15.25 15.5 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H15.5C15.0858 16.75 14.75 16.4142 14.75 16Z" clip-rule="evenodd"/></svg>

Como usar o ícone Tram Outline

React

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

<Icon icon="solar:tram-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:tram-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:tram-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--tram-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:tram-outline"></div>

Web component

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

<iconify-icon icon="solar:tram-outline"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/tram-outline.svg" alt="Ícone Tram Outline" width="24" height="24">

Ícones relacionados em Solar

O ícone Tram Outline em outras coleções

Perguntas frequentes sobre Ícone Tram Outline

O ícone Tram Outline é grátis para uso comercial?

Sim. Solar 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 Outline no React?

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

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

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

Ver todos os Ícones Solar →