SVG para reagir, Vue e Svelte + SVGO

Limpe e otimize com segurança SVG com SVGO e, em seguida, gere o código do componente React, Vue ou Svelte

Precisão numérica 2 Remover largura/altura (manter viewBox) Converter ICOns de cor única em currentColor

🔒 Scripts, atributos de eventos, ForeignObject e referências de recursos externos são sempre removidos

Fonte SVG

Visualização segura

O SVG otimizado aparecerá aqui

Originais—

Otimizado—

Salvo—

SVG otimizado

Código do componente

Nome do componente Estrutura