Does this generate the actual image files?

No - it only generates the HTML tags. Create the actual favicon image files at each size first, using an image tool.

Does this tool send my input anywhere?

No - the tags are generated entirely in your browser.

Favicon HTML Generator

Generate the standard set of favicon <link> tags for common sizes and devices.

Base path to your favicon files

Assumes files named e.g. "/favicon-32x32.png" exist at that path - generate the actual image files with an image tool first.

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">
<link rel="manifest" href="/manifest.json">

Files never leave your device - everything is generated entirely in your browser.

Related tools

How it works

1
Enter the base path to your favicon files

e.g. "/favicon".
2
See the link tags generated instantly

Covering common sizes and Apple touch icon.
3
Copy and paste into your page

Inside the <head> section.

FAQ

Does this generate the actual image files?: No - it only generates the HTML tags. Create the actual favicon image files at each size first, using an image tool.
Does this tool send my input anywhere?: No - the tags are generated entirely in your browser.