Favicon generator for HTML & Static Sites

Drop files in your site root and add link tags, works with any static host.

Static HTML

Generate your favicon package first, then follow the steps below to integrate with HTML & Static Sites.

Installation steps

1
Generate your favicon package using our free generator, then download the ZIP.
2
Extract all files to your website root (the same folder as index.html).
3
Confirm favicon.ico loads at https://yoursite.com/favicon.ico.
4
Paste the snippet below inside the <head> of every HTML page.
5
Clear CDN or browser cache if the old icon still appears.

Code & configuration

Copy and adapt for your HTML & Static Sites project

<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

Pro tips

Works with GitHub Pages, Netlify, Vercel static, and any plain HTML host.
Keep favicon.svg for modern browsers; ICO covers legacy clients.

Files to deploy

favicon.ico

favicon.svg

favicon-96x96.png

apple-touch-icon.png

android-chrome-192x192.png

android-chrome-512x512.png

site.webmanifest