Múltiplos formatos
Exporte SVG animado, PNG em alta resolução e ICO com seis tamanhos.
Gratuito e processado no navegador
Crie ícones personalizados em poucos segundos
Transforme imagens ou textos em ícones SVG, PNG e ICO. Ajuste cores, fundo, espessuras, animações e bordas sem enviar seus arquivos para serviços externos.
Criador de ícones
Envie uma imagem ou crie um ícone por texto e personalize todos os detalhes.
Imagem de origem
Escolha um arquivo ou gere uma arte com texto.
Arraste e solte sua imagem aqui
ou clique para selecionar
PNG, JPG ou JPEG · até 40 MB
Configurações do ícone
Ajuste o nome, a espessura, a animação e o formato do ícone.
Gere variações de espessura sobre a silhueta do ícone. Para resultados mais fiéis, use o modo monocromático ou imagens com transparência.
Arredondamento da borda
Use os atalhos ou ajuste de 0% a 50%.
Cores e aparência
Mantenha a imagem original ou converta um ícone plano para uma única cor, com fundo transparente ou colorido.
Fundo transparente
Ferramenta, documentação e exemplos em um só lugar
Tudo o que você precisa para criar ícones
Uma ferramenta prática para desenvolvedores, designers e qualquer pessoa que precise preparar ícones para sites, aplicativos e projetos.
Além da criação, o site explica como escolher o formato correto, integrar os arquivos ao projeto, cuidar da acessibilidade e evitar problemas comuns de cache e desempenho.
Personalização completa
Ajuste cor do ícone, cor do fundo, transparência, bordas, animações e espessuras.
Privacidade local
O processamento e a biblioteca acontecem no seu navegador.
Biblioteca para desenvolvimento
Gere CSS global, JavaScript, TypeScript e SVGs em sete espessuras com exemplos para os principais frameworks.
Escolha o formato certo antes de exportar
Cada formato atende a um objetivo. Esta comparação ajuda a evitar arquivos borrados, incompatíveis ou maiores do que o necessário.
| Formato | Melhor uso | Vantagens | Atenção |
|---|---|---|---|
| SVG | Ícones de interface, logotipos simples e bibliotecas | Escala sem perder nitidez e aceita CSS e animações | Artes fotográficas ou muito complexas podem ficar pesadas |
| PNG | Imagens raster, transparência e prévias | Compatibilidade ampla e preservação dos pixels | Tem resolução fixa e pode borrar quando ampliado |
| ICO | Favicons e atalhos com vários tamanhos | Reúne múltiplas resoluções no mesmo arquivo | Não é a melhor escolha para componentes dentro da página |
Seleção local
A imagem começa no dispositivo do visitante e é lida pelo navegador para preparar a prévia.
Configuração
Tamanho, bordas, fundo, estilo e outros parâmetros são aplicados antes da exportação.
Geração
O módulo de processamento é carregado somente quando necessário para gerar o resultado.
Exportação
O arquivo final é criado depois de uma ação explícita e pode ser salvo no dispositivo.
16 × 16favicon pequeno
32 × 32aba e favoritos
180 × 180atalho em dispositivos
512 × 512origem e alta densidade
Como criar seu ícone
O fluxo foi pensado para manter as ações bloqueadas até existir uma imagem válida e permitir revisão visual antes do download.
- 1. Escolha a origem
Envie PNG, JPG ou JPEG, ou crie a imagem a partir de texto.
- 2. Personalize
Ajuste nome, espessura, cor do ícone, fundo, arredondamento e animação.
- 3. Exporte
Baixe em SVG, PNG ou ICO, salve na biblioteca e gere o pacote para seu projeto.
Processamento local e controle do usuário
A imagem é lida e transformada no navegador. Ela não precisa ser enviada a uma API própria para gerar as exportações.
A biblioteca usa o armazenamento local do dispositivo. Isso torna o uso mais privado, mas significa que limpar os dados do navegador também remove os itens salvos.
- Processamento da imagem no navegador.
- Biblioteca limitada para reduzir risco de exceder o armazenamento.
- Exportações geradas somente depois de uma ação do usuário.
- Página de privacidade com detalhes sobre Analytics, AdSense e cookies.
Aprofunde o uso com guias completos
Os artigos abaixo respondem dúvidas que aparecem depois da exportação: publicação, escolha de formato, integração e otimização.
Como criar um favicon completo para seu site
Entenda tamanhos, formatos, tags HTML, cache e testes para publicar um favicon nítido em navegadores e dispositivos.
Ler guiaSVG, PNG ou ICO: qual formato usar em cada situação
Compare escalabilidade, transparência, compatibilidade e peso para escolher o formato certo sem degradar o ícone.
Ler guiaComo organizar e usar ícones em Vue, React, Angular e Svelte
Crie uma biblioteca previsível, evite imports repetidos e mantenha acessibilidade e estilos consistentes entre componentes.
Ler guiaComo otimizar ícones para desempenho, acessibilidade e qualidade visual
Reduza peso, evite mudanças de layout e entregue ícones nítidos e acessíveis em telas pequenas e de alta densidade.
Ler guiaPerguntas frequentes
Respostas diretas sobre formatos, privacidade, cores e variações de espessura.
Quais formatos posso gerar?
Minha imagem é enviada para algum servidor?
Quais tamanhos estão no arquivo ICO?
Posso mudar separadamente a cor do ícone e do fundo?
Quais estilos a biblioteca gera?