1. Mesclar três SVGs de exemplo em sprite symbol
Desenvolvedor front-endContexto
Precisa de três ícones básicos (formas, traço e preenchimento, transformações) num único sprite para a página.
Problema
Unir os SVGs no modo symbol, com IDs seguros mesmo quando o nome começa por dígito.
Como usar
Envie 01-basic-shapes.svg, 02-stroke-and-fill.svg e 03-transforms.svg. Tipo de sprite: symbol. Prefixo de ID vazio. Deduplicar ativo. Remover fill/stroke desligado.
spriteType: symbol
idPrefix: (vazio)
stripColor: false
dedupe: trueResultado
Sprite symbol com 3 ícones e IDs i-01-basic-shapes, i-02-stroke-and-fill e i-03-transforms, mais snippets HTML, React e Vue e pré-visualização ao vivo.