ffee All tools
EN 中文 FR DE

Favicon HTML Generator

Build every favicon link tag your page needs, with your own base path and theme colours.

Build favicon link tags

Tags generated: 0
Paste the tags into the head section of your page, above the stylesheet links.

How to use the Favicon HTML Generator

  1. Set the base path where your icon files are stored.
  2. Choose the theme colours and untick any tags you do not need.
  3. Copy the link tags into the head section of your page.

Features

Advertisement

More tools

Robots.txt Generator Sitemap Generator Ads.txt Generator Security.txt Generator Humans.txt Generator Web Manifest Generator RSS Feed Generator Redirect Generator CSP Header Generator HTTP Header Builder Htaccess Generator Social Share Link Generator

Frequently Asked Questions

Common questions about the free online favicon html generator.

A modern set covers a 32 pixel icon, a 16 pixel icon, an apple touch icon, a manifest link and a theme colour.
Paste them inside the head section of your page, above the stylesheet links so they are read early.
No. The tags are optional and independent, so untick anything you do not have, such as the safari pinned tab icon.
Apple devices expect a 180 by 180 pixel PNG image, which this generator references with the sizes attribute already set.
It is the monochrome safari pinned tab icon, supplied as an SVG file, and its colour comes from the colour attribute.
Yes, when your site has a web manifest. It lets browsers load the installable app details together with the icons.
Add a theme colour meta tag. The colour you choose here fills the address bar on supporting mobile browsers.
Yes. Enter a full address as the base path and every tag will point at that location, which is useful for a content network.

Last updated: October 10, 2026