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="M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-16a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2zm-6 2h-10v10h10zm4.01 7h-.01a1 1 0 0 0 -.117 1.993l.127 .007a1 1 0 0 0 0 -2m0 -3h-.01a1 1 0 0 0 -.117 1.993l.127 .007a1 1 0 0 0 0 -2m0 -3h-.01a1 1 0 0 0 -.117 1.993l.127 .007a1 1 0 0 0 0 -2"/><path d="M5.945 9.668c1.336 -.891 2.274 -.891 3.61 0l-.089 -.056l.04 .017l.146 .064l.095 .044c.378 .171 .533 .23 .674 .255c.133 .023 .186 .005 .336 -.16a1 1 0 1 1 1.486 1.337c-.613 .681 -1.358 .934 -2.164 .794c-.368 -.064 -.621 -.161 -1.158 -.405a10 10 0 0 0 -.306 -.135l-.17 -.091c-.664 -.443 -.726 -.443 -1.39 0a1 1 0 1 1 -1.11 -1.664"/><path d="M5.945 12.668c1.336 -.891 2.274 -.891 3.61 0l-.089 -.056l.04 .017l.146 .064l.095 .044c.378 .171 .533 .23 .674 .255c.133 .023 .186 .005 .336 -.16a1 1 0 0 1 1.486 1.337c-.613 .681 -1.358 .934 -2.164 .794c-.368 -.064 -.621 -.161 -1.158 -.405a10 10 0 0 0 -.306 -.135l-.17 -.091c-.664 -.443 -.726 -.443 -1.39 0a1 1 0 1 1 -1.11 -1.664"/></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.