O que é Editor SVG?

Desenhe formas, caminhos e texto em uma tela visual, ajuste cores de preenchimento e contorno e exporte o código SVG. Sem necessidade de software desktop.

Como usar

1. Selecione uma ferramenta de desenho (retângulo, elipse, linha, caminho ou texto) e desenhe na tela.
2. Selecione elementos para mover, redimensionar, rotacionar ou alterar o preenchimento, contorno e opacidade.
3. Exporte o gráfico finalizado como arquivo SVG ou copie o código SVG bruto.

Resultado

Um desenvolvedor web precisa de uma marca simples de logotipo — dois círculos sobrepostos com preenchimento gradiente. Ele desenha as formas na tela, aplica as cores e copia o código SVG diretamente no HTML.

Ferramentas relacionadas