ICONYZ
Español
Icono Tram Front de Lucide

Icono Tram Front

lucide:tram-front

El icono Tram Front (lucide:tram-front) es un icono SVG gratuito de la colección Lucide de Lucide Contributors. Está dibujado en una cuadrícula de 24 × 24. Lucide icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Lucide
Autor
Lucide Contributors
Licencia
ISC
Tamaño
24 × 24
Etiquetas
railway, metro, subway, underground, track, line, tourism, tramfront, train
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="16" height="16" x="4" y="3" rx="2"/><path d="M4 11h16m-8-8v8m-4 8l-2 3m12 0l-2-3m-8-4h.01M16 15h.01"/></g></svg>

Cómo usar el icono Tram Front

React

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

<Icon icon="lucide:tram-front" width="24" />

Vue

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

<template>
  <Icon icon="lucide:tram-front" width="24" />
</template>

Svelte

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

<Icon icon="lucide:tram-front" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="lucide:tram-front"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/lucide/tram-front.svg" alt="Icono Tram Front" width="24" height="24">

El icono Tram Front en otras colecciones

Preguntas frecuentes sobre Icono Tram Front

¿El icono Tram Front es gratis para uso comercial?

Sí. Lucide icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Tram Front en React?

Instala @iconify/react y renderiza <Icon icon="lucide:tram-front" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Tram Front a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lucide/tram-front.svg" alt="Icono Tram Front">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Lucide →