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="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 2a3 3 0 0 1 3 3v14a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-14a3 3 0 0 1 3 -3zm.01 16h-.01a1 1 0 0 0 -.117 1.993l.127 .007a1 1 0 0 0 0 -2m-4.98 -9.5l-.115 .005c-.384 .04 -.724 .273 -.898 .623l-.51 1.027l-1.138 .166c-.423 .059 -.78 .357 -.914 .768l-.033 .125a1.13 1.13 0 0 0 .322 1.039l.82 .797l-.194 1.127c-.07 .432 .107 .857 .454 1.108l.107 .068a1.13 1.13 0 0 0 1.078 .018l1.022 -.536l1.019 .535c.377 .2 .84 .168 1.19 -.086l.1 -.08c.281 -.259 .416 -.645 .35 -1.028l-.194 -1.126l.823 -.799c.31 -.302 .42 -.752 .287 -1.161l-.042 -.11a1.13 1.13 0 0 0 -.873 -.659l-1.138 -.166l-.508 -1.026a1.13 1.13 0 0 0 -1.014 -.63m-5.021 -4.499h-.01a1 1 0 0 0 -.117 1.993l.127 .007a1 1 0 1 0 0 -2"/></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.