Formas, estrelas e polígonos
Desenhe retângulos, círculos, linhas e traços à mão livre. Acrescente estrelas, polígonos, setas e símbolos prontos da biblioteca de formas.
EDITOR SVG ONLINE GRÁTIS
Editor de vetor online
Abra um SVG, conserte uma forma, troque uma cor ou coloque uma linha de texto, e baixe o arquivo pronto. É um editor de SVG grátis que roda no navegador, sem instalar nada.
Grátis, sem cadastroOs arquivos ficam no seu dispositivoSem marca d’água
Seu espaço de criação vetorial
Os arquivos ficam no seu dispositivo
Para editar com precisão, use uma tela maior. Aqui, você pode rolar o espaço de trabalho na horizontal.
Preparando seu espaço de trabalho…
Abra ou salve um arquivo pelo menu do SVG-Edit. Selecione uma ferramenta para começar a desenhar.
Com tecnologia SVG-EditCOMO FUNCIONA
Como editar SVG neste editor de vetor online
São três passos, todos nesta página. Você não precisa criar conta.
01
Abra seu SVG
Abra o menu principal do editor e escolha Abrir imagem. Depois selecione um arquivo do seu computador. Ainda não tem arquivo? Carregue o exemplo ou comece num documento em branco de 800 × 600.
02
Faça as alterações
Clique num objeto para selecioná-lo. Escolha outra cor de preenchimento ou de traço, arraste um nó para mudar uma curva ou clique no texto e digite. Errou? Aperte Ctrl+Z, ou Cmd+Z no Mac.
03
Baixe seu SVG
No mesmo menu, escolha Salvar imagem para baixar o arquivo SVG. Formas, caminhos e texto continuam editáveis, e as bordas ficam nítidas em qualquer tamanho.
O QUE DÁ PARA FAZER
Editor de SVG grátis com as ferramentas do dia a dia
Serve para logos, ícones e diagramas, ou para um conserto rápido num arquivo que você já tem.
Edição de caminhos e nós
Desenhe curvas com a ferramenta de caminho (no editor, ela se chama Contorno). Depois mova cada nó e suas alças, acrescente ou apague nós, ou transforme qualquer forma em caminho.
Preenchimento, traço e degradê
Defina cores de preenchimento e de traço, degradês, espessura da linha, tracejado e opacidade. O conta-gotas copia o estilo de um objeto para outro.
Texto editável
Adicione texto e mude tamanho, negrito ou itálico, alinhamento e espaçamento. As fontes vêm do seu dispositivo, então o texto pode aparecer diferente em outro computador.
Camadas, grupos e alinhamento
Separe as partes do desenho em camadas. Agrupe objetos, alinhe, distribua por igual e traga para a frente ou mande para trás.
Mover, redimensionar, girar, espelhar
Use as alças para mexer em qualquer objeto ou digite valores exatos de X, Y, largura e ângulo. Desfazer e refazer permitem testar uma ideia e voltar atrás.
Editar o código SVG
Abra a visualização do código-fonte para ler ou mudar o SVG à mão. Quando uma ferramenta visual não alcança um detalhe, como um ID ou o viewBox, o código resolve.
Grade, zoom e conectores
Ligue a grade para deixar o espaçamento certinho e dê zoom nos detalhes pequenos. As linhas de conexão ligam duas formas e continuam presas quando você move uma delas.
Importar outros arquivos
Abra SVGs salvos em outros programas de design e confira filtros e efeitos antes de salvar. Pela opção de importar do menu, você coloca outro SVG, ou um PNG ou JPG, dentro do desenho que está editando.
O que é SVG e por que editar como vetor?
SVG é a sigla de Scalable Vector Graphics, ou gráficos vetoriais escaláveis. Em vez de guardar pixels, o arquivo guarda formas, linhas, curvas e texto como instruções, e o navegador redesenha tudo no tamanho que você precisar.
É por isso que um logo salvo em SVG fica nítido na tela do celular e também numa faixa impressa na gráfica. Dá ainda para trocar uma cor ou uma curva depois. Num JPG, você estaria pintando por cima de pixels.
Num editor vetorial online dá para fazer essas mudanças sem comprar nem instalar programa. Abra o arquivo, ajuste o que quiser e salve de novo como SVG.
Sempre nítido
Um ícone de 16 px vira banner sem borrar.
Texto por dentro
Dá para abrir um SVG em qualquer editor de texto.
Fácil de mudar
Cada forma, cor e palavra é um objeto separado.
PARA QUEM É
Quem usa este editor?
Designers ajustando ícones e logos
Troque a cor de um logo para usar em fundo escuro, engrosse um traço fino demais ou tire uma forma perdida de um ícone antes de entregar ao cliente.
Desenvolvedores limpando SVG para a web
Confira o viewBox, renomeie IDs, apague camadas ocultas e baixe um arquivo mais leve para o seu site ou app.
Quem trabalha com plotter de recorte
Coloque cada cor numa camada, apague detalhes pequenos demais para a lâmina e ajuste o tamanho do topo de bolo ou do adesivo antes de levar o arquivo para o programa da sua máquina de corte.
Estudantes e professores
Desenhe diagramas, legendas e ilustrações simples para slides e atividades, mesmo no computador da escola, onde não dá para instalar programas.
O que este editor SVG online faz e o que não faz
Antes de começar:
Funciona bem
- Abrir, editar e salvar arquivos SVG
- Ícones, logos, selos, diagramas e ilustrações simples
- Trocar cores, traços, textos e o formato dos caminhos
- Editar o código-fonte do SVG à mão
Não dá para fazer aqui
- Salvar em PNG, JPG ou PDF. Esta página salva só SVG.
- Abrir arquivos AI, EPS ou PDF direto. Exporte como SVG antes.
- Transformar uma foto em formas vetoriais. Para isso, use Vetorizar imagem.
- Salvamento automático. Baixe seu SVG antes de fechar a aba.
Ainda não tem um SVG?
Comece a partir de uma imagem ou de um texto com nossas outras ferramentas e depois abra o resultado aqui para editar.
Perguntas frequentes
Abra seu SVG e comece a editar
O editor grátis está logo no topo desta página. Faça suas alterações e baixe o SVG quando terminar.
Voltar ao editor