Gerador de Favicon
Gere código HTML e markup SVG para o favicon do seu sítio web através de emojis e cores personalizadas.
Executar ferramenta
O gerador de favicons cria elementos de ligação HTML e o código SVG correspondente para personalizar o ícone do seu sítio web. O processo utiliza um emoji central, uma cor de fundo e uma cor de texto para estruturar um gráfico vetorial nítido. Se indicar o endereço de um ícone externo, o utilitário insere essas referências em etiquetas de hiperligação adicionais no código gerado. Por padrão, a ferramenta aplica o símbolo de uma chave inglesa sobre um fundo azul (#2563eb) com texto a branco (#ffffff). O painel final apresenta o fragmento HTML completo, incluindo uma hiperligação codificada com URI de dados em formato SVG, além do próprio código SVG pronto a incorporar. O campo destinado ao título do sítio permanece disponível na interface, embora não altere as etiquetas produzidas. Esta solução rápida permite obter marcação limpa para cabeçalhos web sem recorrer a editores gráficos complexos.
Instruções
- Introduza o emoji pretendido para o elemento visual principal do favicon.
- Defina os códigos hexadecimais da cor de fundo e da cor do texto.
- Insira opcionalmente o URL de um ficheiro de ícone existente caso pretenda incluir hiperligações HTML adicionais.
- Execute a ferramenta para visualizar o código HTML e o código vetorial SVG gerados.
- Copie as etiquetas HTML para o elemento cabeçalho da sua página web ou utilize o bloco SVG diretamente.
Exemplos
- Configuração predefinida com o símbolo de ferramenta, fundo #2563eb e texto #ffffff, gerando o código SVG vetorial e as respetivas etiquetas HTML.
- Inserção de um emoji de foguete, fundo escuro #111827, texto claro #f9fafb e URL https://exemplo.pt/icon.png para criar marcação com referências externas completas.
Perguntas frequentes
O campo do título do sítio altera o código gerado?
Não. O campo do título está disponível no formulário, mas o código HTML e SVG produzido não incorpora esse valor na marcação final.
Como são integradas as ligações quando indico um URL de ícone?
Quando preenche o endereço de um ícone, a ferramenta adiciona duas etiquetas de ligação HTML com o respetivo URL devidamente protegido contra caracteres especiais.
A ferramenta converte imagens em ficheiros binários ICO?
Não. A ferramenta gera especificamente marcação HTML e código vetorial SVG com URI de dados, sem criar ficheiros de imagem rasterizada.