outline
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animación vectorial en vivo
Incluido en la exportación SVG
Icono SVG de tren
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. tren - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolución
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
train.svg (1.720 B)
Copia rápida para desarrolladores y frameworks de interfaz
Salida de código en vivo
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Train icon"><title>Train - IconPark icon</title><desc>Free Train vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 1504 bytes.</desc> <path d="M9 8.83932C9 7.90724 9.43829 7.03279 10.2715 6.61502C12.2462 5.62486 16.6123 4 24 4C31.3877 4 35.7538 5.62486 37.7285 6.61502C38.5617 7.0328 39 7.90724 39 8.83932V36C39 37.1046 38.1046 38 37 38H11C9.89543 38 9 37.1046 9 36V8.83932Z" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M34 38V42" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 38V42" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.5 32C20.5 32.8284 19.8284 33.5 19 33.5C18.1716 33.5 17.5 32.8284 17.5 32C17.5 31.1716 18.1716 30.5 19 30.5C19.8284 30.5 20.5 31.1716 20.5 32Z" fill="black" stroke="black"/> <path d="M30.5 32C30.5 32.8284 29.8284 33.5 29 33.5C28.1716 33.5 27.5 32.8284 27.5 32C27.5 31.1716 28.1716 30.5 29 30.5C29.8284 30.5 30.5 31.1716 30.5 32Z" fill="black" stroke="black"/> <path d="M20 44L28 44" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <rect x="9" y="12" width="30" height="14" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/> <path d="M24 12V26" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 12L28 12" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 26L28 26" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? tren
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. tren
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: IconPark | Author: ByteDance Inc. | License: Apache-2.0 | Source: https://github.com/bytedance/IconPark | Sin Registro | 100% en tu Navegador
Palabras clave
#train
#iconpark
#interface
#outline
tren - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. tren
| Identificador canonico del archivo | iconpark/train |
|---|---|
| Paquete de biblioteca de origen | IconPark |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 48 48" |
| Peso sin comprimir | 1.720 bytes (~946 bytes gzipped) |
| Licencia SPDX y uso comercial | Apache-2.0 - Gratis para uso comercial |
| Upstream Source | https://github.com/bytedance/IconPark |
| Formatos de exportación admitidos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de seguridad y privacidad | Sin Registro | 100% en tu Navegador |
Como usar y personalizar este icono: tren
- Personaliza visualmente: Color, Automático (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animación vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el código del framework: Copia código listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edición vectorial profunda: Editar en el editor SVG (77.087)
Consejo de accesibilidad (WCAG 2.1): Oculta los iconos decorativos con aria-hidden y focusable false. Da un aria-label claro a los botones que solo tienen icono. Voltea las flechas en horizontal para idiomas de derecha a izquierda.
train.svg aria-hidden="true" focusable="false"
Coincidencias en otras bibliotecas ("tren")
Compara este icono con otras bibliotecas vectoriales de código abierto.
Mas en Interfaz de usuario (UI/UX)
Exploraroutline
tren
MingCute Icons|interfacesolid
tren
MingCute Icons Fill|interface3d
tren
3D Vector Icons|3d-iconsoutline
Rows
Lucide|interfaceoutline
Soup Pot
MingCute Icons|interfaceoutline
Arrows Minimize
Tabler Icons|interface
Folder2
Bootstrap Icons|interface
Translate
Phosphor Icons|interface
Tree View
Phosphor Icons|interface
Sydney Opera House
MingCute Icons Fill|interface
diana
MingCute Icons|interface
Images
Bootstrap Icons|interface
Justify
Bootstrap Icons|interface
Square Dashed Bottom Code
Lucide|interface
Underline
MingCute Icons Fill|interface
Maps Connecting Airports
Material Icons|interface
Square Stack
Lucide|interface
Bone
Tabler Icons|interface
Maps Menu Book
Material Icons|interface
Maps Moving
Material Icons|interface
Atom
Phosphor Icons|interface
Events Stage
Domain Icons|interface
Events Ticket
Domain Icons|interface
Finance Handshake
Domain Icons|interfaceExplorar más
Preguntas frecuentes
tren - Preguntas frecuentes
¿Qué licencia cubre tren? +
tren proviene de IconPark y está cubierto por Apache-2.0. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar tren? +
tren es un vector de estilo outline (viewBox 0 0 48 48). Descarga SVG, PNG, WebP o ICO, o copia código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask o Base64 desde esta página.
¿De dónde procede el icono tren? +
tren forma parte de la biblioteca IconPark de ByteDance Inc., en la categoría Interfaz de usuario (UI/UX). El texto completo de la licencia está en el archivo de aviso de la biblioteca enlazado en esta página.
100% en tu Navegador | 77.087 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.