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(19.84) translate(-8 -8)" color="#2563eb" fill="currentColor"><path d="M4.104 7.805 4.9 10.18H3.284l.8-2.375zm9.074 2.297c0-.832-.414-1.36-1.062-1.36-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364.671 0 1.062-.516 1.062-1.364z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5m9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5M2.561 12.332 3.1 10.73h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332zM9.85 8.227h-.676v2.543c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668zm1.273 4.41h-.687c.094.683.625 1.199 1.668 1.199.93 0 1.746-.527 1.746-1.578V8.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64-.965 0-1.64.679-1.64 1.886v.34c0 1.23.683 1.902 1.64 1.902.558 0 1.008-.293 1.172-.648h.02v.605c0 .645-.423 1.023-1.071 1.023-.563 0-.91-.304-.985-.636"/></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.