1. Fusionar tres SVG de ejemplo en un sprite symbol
Desarrollador frontendContexto
Hay tres SVG sueltos de formas básicas, trazos y transformaciones (viewBox 360×240) que deben vivir en un solo sprite para la página.
Problema
Combinarlos en modo symbol, sanitizar IDs que empiezan por dígito y obtener snippets HTML, React y Vue.
Cómo usarlo
Sube los tres archivos SVG, deja el tipo de sprite en symbol, sin prefijo de ID, sin quitar color y con deduplicación activada.
spriteType: symbol, idPrefix: (vacío), stripColor: false, dedupe: trueResultado
Sprite en modo symbol con 3 iconos e IDs i-01-basic-shapes, i-02-stroke-and-fill e i-03-transforms, más fuente del sprite, snippets de uso y vista previa.