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" ><title>React Hook Form</title><path d="M10.7754 17.3477H5.8065a.2815.2815 0 1 0 0 .563h4.9689a.2815.2815 0 1 0 0-.563zm7.3195 0h-4.9688a.2815.2815 0 1 0 0 .563h4.9688a.2815.2815 0 0 0 0-.563zm-7.3336-6.475H5.8065a.2815.2815 0 1 0 0 .563h4.9548a.2815.2815 0 1 0 0-.563zm7.3195 0h-4.9547a.2815.2815 0 1 0 0 .563h4.9547a.2815.2815 0 0 0 0-.563zm.5518-9.2001h-4.341a2.4042 2.4042 0 0 0-4.5804 0H5.3674c-1.7103 0-3.0968 1.3864-3.0968 3.0967v16.134C2.2706 22.6135 3.6571 24 5.3674 24h13.2652c1.7103 0 3.0968-1.3865 3.0968-3.0967V4.7693c0-1.7103-1.3865-3.0967-3.0968-3.0967zm-8.7046.563a.2815.2815 0 0 0 .2815-.2224 1.8411 1.8411 0 0 1 3.5979 0 .2815.2815 0 0 0 .2815.2224h1.5146v1.844a.8446.8446 0 0 1-.8446.8446H9.2552a.8446.8446 0 0 1-.8446-.8446v-1.844Zm11.2383 18.6677c0 1.3993-1.1344 2.5337-2.5337 2.5337H5.3674c-1.3993 0-2.5337-1.1344-2.5337-2.5337V4.7693c0-1.3993 1.1344-2.5337 2.5337-2.5337h2.4802v1.844c0 .7774.6302 1.4076 1.4076 1.4076h5.4896c.7774 0 1.4076-.6302 1.4076-1.4076v-1.844h2.4802c1.3993 0 2.5337 1.1344 2.5337 2.5337z"/></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.