As ferramentas de desenvolvimento que você usa todos os dias, tudo em um só lugar.

Conversores, formatadores, hashes, validadores e os pequenos utilitários que você fica reabrindo permanecem juntos em vez de se perderem entre as abas.

GitHub

/ Ferramentas

■

/ Buscador de ferramentas

109 ferramentas

/ Gerador de favicon

Texto ou emoji

Predefinições de letras

Predefinições de emoji

Predefinições de cores

Cor de fundo

Cor do texto

Família da fonte

Tamanho da fonte: 64px

Raio da borda: 20%

Prévia

Baixar

Data URL Base64

Tag de link HTML

/ Ferramenta selecionada

■

Gerador de favicon - ferramenta de geração gratuita

Gere favicons simples de texto ou emoji com cores personalizáveis

■ 01

O que é um favicon?

Um favicon (favorite icon) é um pequeno ícone associado a um site, exibido nas abas do navegador, favoritos e histórico. Ele ajuda os usuários a identificar seu site rapidamente e adiciona um toque profissional à sua presença web.

■ 02

Como funciona?

Esta ferramenta gera favicons usando a HTML5 Canvas API. Você pode criar favicons simples, mas eficazes, usando caracteres de texto ou emojis com cores e estilos personalizáveis. O favicon gerado pode ser baixado em vário…

■ 03

Casos de exemplo

Abrange Favicon com letra, Favicon com emoji e Uso em HTML, para você comparar entradas e saídas comuns rapidamente.

/ Ferramentas relacionadas

/ Código

■

Código-fonte da ferramenta selecionada, mostrado aqui ao lado da versão ao vivo à direita.

/ Código-fonte

TypeScript

typescript

// Generate a simple text favicon using Canvas API

function generateFavicon(
  text: string,
  bgColor: string = '#3b82f6',
  textColor: string = '#ffffff',
  size: number = 64
): string {
  const canvas = document.createElement('canvas');
  canvas.width = size;