Como Colocar o Favicon no HTML do Site ou com Favicon Generator Grátis

Mais um código expresso pra você copiar e colar no seu projeto.

Lógica

Um favicon é uma imagem gráfica associada a uma página da Web em particular. Muitos navegadores e leitores de notícias os exibem como um lembrete visual da identidade do site na barra de endereços ou em guias. Se você deseja colocar um ícone no seu site que vai aparecer ao lado do titulo no navegar basta adicionar o tag html abaixo com o endereço para a imagem do seu logo ou a imagem que você deseja colocar no seu favicon. Porém se você estiver querendo que o favicon de seu site seja exibido da melhor forma possível também em dispositvos Android, IOS ou no Windows, eu recomendo que você use um Favicon Generator, que é um site que vai pegar a imagem do seu logo e otimizar ela para todos os formatos de cada plataforma e disponibilizar o código HTML para você adicionar no seu website. Listamos abaixo 5 ótimas opções de Favicon Generator gratuitos que vão facilitar a sua vida.

Código Expresso

                
<link rel="icon"  type="image/png" href="http://www.codexpress.com.br/inc/template/images/logo.png">

1

Favicon Generator. For real.

The ultimate favicon generator. Design your icons platform per platform and make them look great everywhere. Including in Google results pages.

Saiba mais

2

favicon.io

The only favicon generator you need for your next project. Quickly generate your favicon from text, image, or choose from hundreds of emojis.

Saiba mais

3

Favicomatic

Check this amazing tool, it creates EVERY kind of favicon you need, including iOS icons, Android icons, Metro tile icon and more! Favic-O-Matic is the FIRST favicon generator to correctly handle transparent favicon from png!

Saiba mais