Ferramentas gratuitas
Português
SVG · Sprite · Gerador
SVG · Sprite · Gerador. Entradas: Um ID e caminho SVG por linha, separados por barra vertical, Tamanho (px). Informe os valores e execute. Use o exemplo para ver o formato e copie ou salve o resultado.
Sem cadastro
Carregando ferramenta…
Como usar
- 1Entradas: Um ID e caminho SVG por linha, separados por barra vertical, Tamanho (px).
- 2Execute a ferramenta e confira o resultado.
- 3Copie o resultado ou mude os dados para comparar.
Saiba mais
Confira primeiro o formato do exemplo. Guarde o original e verifique valores, espaços e quebras antes de usar o resultado.
Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)
Exemplo calculado de entrada e saída
Resultados do motor real com os valores abaixo, sem dados pessoais ou trabalhos salvos. Carregue o exemplo na ferramenta para conferir as mesmas entradas.
Entrada de exemplo
| Campo | Valor |
|---|---|
| Um ID e caminho SVG por linha, separados por barra vertical | arrow|M4 12h16M14 6l6 6-6 6 check|M5 12l4 4L19 6 |
| Tamanho (px) | 24 |
Resultado de exemplo
<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>
Condições de entrada
São limites reais de validação, sem garantir que todo valor aceito seja realista ou adequado ao seu caso.
- Tamanho (px): Faixa aceita: 1 ≤ x ≤ 1.024 · Somente inteiros