Configurar
Personalize o design do seu favicon.
Digite um texto ou escolha um emoji, exporte um favicon
Digite um texto ou escolha um emoji, use uma Google Font e exporte SVG, PNG ou ICO no navegador.
100% Gratuito
Privacidade em Primeiro Lugar
Exportação Instantânea
Múltiplos Formatos
Flexível
Exemplos de Favicon
Clique em qualquer exemplo para carregar sua configuração
Aviso Legal: Os exemplos são apenas para inspiração e podem se assemelhar a marcas existentes. Eles não são afiliados ou endossados por nenhuma empresa. O logo87.com não infringe marcas registradas e não é responsável pelo conteúdo gerado pelo usuário. Os usuários são responsáveis por garantir que suas criações não violem direitos de propriedade intelectual. Se você acredita que seus direitos foram violados, entre em contato conosco e removeremos.
Como o editor funciona
Digite uma letra, palavra ou emoji no campo acima. Escolha uma fonte incluída ou cole uma URL CSS do Google Fonts. Cor, tamanho, raio, posição e rotação atualizam a prévia na hora. A renderização acontece nesta aba; o design não é enviado.
Baixe um SVG, um PNG 256×256 ou «Baixar tudo» para um zip dos arquivos que navegadores e dispositivos ainda pedem. O zip é gerado no navegador a partir da mesma prévia.
Se o texto cortar, diminua o tamanho da fonte ou ajuste a posição. Glifos de emoji mudam por sistema: veja a prévia no dispositivo que importa.
O que você pode exportar
Sem conta
Não há cadastro. Os designs ficam no dispositivo. Fechar a aba os descarta.
SVG, PNG, ICO e um zip
SVG e PNG avulsos para um teste rápido. «Baixar tudo» empacota favicon.svg, favicon.ico, apple-touch-icon.png e PNG 16, 32, 48, 96, 180, 192 e 512.
Fontes e cor
Doze fontes incluídas mais qualquer Google Font com URL CSS. Use os exemplos de cor ou defina o seu par.
O que vai no zip
«Baixar tudo» grava estes arquivos. Não é preciso usar todos.
favicon.svg para navegadores modernos; favicon.ico (16×16) para clientes que pedem /favicon.ico e ignoram o HTML; apple-touch-icon.png (180×180) para a tela inicial do iOS; favicon-16x16.png, favicon-32x32.png e favicon-48x48.png para abas e favoritos; favicon-96x96.png para atalhos; favicon-180x180.png como ícone de toque extra; favicon-192x192.png e favicon-512x512.png para o manifesto de um PWA.
Um site básico pode publicar favicon.ico e favicon.svg. Inclua o PNG 180 para iOS. Inclua 192 e 512 se houver manifesto PWA. As tags link de cada arquivo estão no guia de instalação. Como adicionar favicons ao seu projeto →
Quando usar os conversores
Já tem o logo em PNG ou JPG? Use PNG para Favicon. Bitmap não aumenta limpo: comece com um original pelo menos tão grande quanto o maior tamanho exportado. PNG para Favicon
Já tem um logo vetorial? Use SVG para PNG. Vetor escala, então 512 e 2048 continuam nítidos. Use 16–512 para ícones do navegador; 2048 é para lojas ou impressão, não para abas. SVG para PNG
Usos típicos
Sites e blogs
Uma marca de uma ou duas letras para abas quando você ainda não tem um arquivo de logo
Ícones PWA
PNGs 192×192 e 512×512 para um manifesto de web app
Tela inicial
apple-touch-icon 180×180 quando alguém salva o site no iOS
Projetos locais
Coloque o zip em public/ ou static/ e copie as tags link do guia
