Editor de ícones
Mude a cor, o tamanho, gire, adicione fundo e texto — e baixe em SVG ou PNG. Tudo no navegador, sem cadastro.
Cor do ícone
Fundo
Tamanho e posição
Texto (opcional)
Exportar
Ver código SVG⌄
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><g transform="translate(256 256) scale(13.23) translate(-12 -12)" color="#2563eb" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9.748a14.716 14.716 0 0 0 11.995 -.052c.275 -9.236 -11.104 -11.256 -11.995 .052"/><path d="M18 10c.984 2.762 1.949 4.765 2 7.153c.014 .688 -.664 1.346 -1.184 .303c-.346 -.696 -.952 -1.181 -1.816 -1.456"/><path d="M17 16c.031 1.831 .147 3.102 -1 4"/><path d="M8 20c-1.099 -.87 -.914 -2.24 -1 -4"/><path d="M6 10c-.783 2.338 -1.742 4.12 -1.968 6.43c-.217 2.227 .716 1.644 1.16 .917c.296 -.487 .898 -.934 1.808 -1.347"/><path d="M15.898 13l-.476 -2"/><path d="M8 20l-1.5 1c-.5 .5 -.5 1 .5 1h10c1 0 1 -.5 .5 -1l-1.5 -1"/><path d="M12.75 7a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/><path d="M9.25 7a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/></g></svg>
Perguntas frequentes
Preciso instalar alguma coisa?⌄
Não. A edição acontece no próprio navegador e o download sai na hora, sem fila e sem cadastro.
O que dá para editar?⌄
Cor do ícone, tamanho, rotação, espelhamento, fundo (transparente, quadrado, arredondado ou círculo), cor do fundo e um texto opcional abaixo do ícone.
Em que formatos posso baixar?⌄
SVG (vetorial, sem perda de qualidade em qualquer tamanho) e PNG de 16 a 1024 pixels. Também dá para copiar o código SVG pronto para colar no projeto.