Español
SVG · Sprite · Generador
SVG · Sprite · Generador. Entradas: Un ID y ruta SVG por línea, separados por barra vertical, Tamaño (px). Introduce los valores y ejecuta. Usa el ejemplo para conocer el formato y copia o guarda el resultado.
Sin cuenta
Cómo usar
- 1Entradas: Un ID y ruta SVG por línea, separados por barra vertical, Tamaño (px).
- 2Ejecuta la herramienta y revisa el resultado.
- 3Copia el resultado o cambia los datos para comparar.
A tener en cuenta
Revisa primero el formato del ejemplo. Conserva el original y comprueba valores, espacios y saltos de línea antes de usar el resultado.
Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)
Ejemplo calculado de entrada y salida
Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.
Entrada de ejemplo
| Campo | Valor |
|---|---|
| Un ID y ruta SVG por línea, separados por barra vertical | arrow|M4 12h16M14 6l6 6-6 6 check|M5 12l4 4L19 6 |
| Tamaño (px) | 24 |
Resultado de ejemplo
<svg xmlns="http://www.w3.org/2000/svg"><defs><symbol id="arrow" viewBox="0 0 24 24"><path d="M4 12h16M14 6l6 6-6 6" fill="none" stroke="currentColor"/></symbol><symbol id="check" viewBox="0 0 24 24"><path d="M5 12l4 4L19 6" fill="none" stroke="currentColor"/></symbol></defs></svg>
Requisitos de entrada
Estos son límites reales de validación, no una garantía de que todo valor aceptado sea realista o aplicable a tu caso.
- Tamaño (px): Rango admitido: 1 ≤ x ≤ 1024 · Solo enteros