Favicon Generator — Create Favicon from Text, Emoji or Image Free
Generate favicons from text, emoji or an image free — all standard sizes from 16×16 to 512×512, plus a multi-size ICO and a ready-to-paste HTML snippet. Rendered with the Canvas API, entirely in your browser.
Last updated: June 2026
The image is centre-cropped to a square and clipped to the chosen shape. Processed locally — never uploaded.
Loads an existing site's icon for preview via a public favicon service. Cross-origin images may not be exportable — use Upload mode if export is blocked.
Preview
HTML snippet
About this tool
Generate a complete favicon set in seconds
Every website needs a favicon — the little icon in the browser tab that makes your site recognisable among dozens of open pages. A favicon generator creates that icon, and crucially all the different sizes modern browsers and devices expect, from a single source. This tool gives you three ways to start: type text or an emoji, upload your own image, or pull an existing site's icon by URL.
In Text / Emoji mode you can build a clean, brandable favicon from one or two characters — your company initial, for instance — with full control over the background colour, text colour, font and shape (square, rounded or circle). A live preview shows it at 64, 32 and 16 pixels, plus a mock browser tab so you can judge how it'll really look. Upload mode centre-crops any image into the chosen shape.
When you're ready, download a zip containing every standard size — 16, 32, 48, 64, 128, 180, 192 and 512 pixels — plus a multi-size favicon.ico and a ready-to-paste HTML snippet with the correct <link> tags. Text-based favicons can also be exported as a crisp, scalable SVG. Everything is rendered locally with the Canvas API and packaged in your browser with no upload, no account and no limits.
How it works
Three quick steps — no account, nothing uploaded to a server.
Choose a source
Type text or an emoji, upload an image, or fetch from a URL.
Customise it
Set colours, font and shape — the preview updates instantly.
Download the set
Get a zip of every size, a .ico, and the HTML snippet to paste.
FAQ
Frequently asked questions
What is a favicon?
A favicon (favourite icon) is the small image shown in a browser tab, bookmark bar, history list and on the home screen when someone saves your site. It's usually 16×16 or 32×32 pixels for tabs, with larger versions (180×180, 192×192, 512×512) used for Apple touch icons and progressive web apps. A clear, recognisable favicon makes your site easier to spot among many open tabs.
What favicon sizes do I need?
Modern sites use several: 16×16 and 32×32 for browser tabs, 48×48 for older Windows shortcuts, 180×180 for Apple touch icons, and 192×192 plus 512×512 for Android and PWA manifests. This generator produces all of those as PNGs in one zip, plus a multi-size favicon.ico that bundles the 16, 32 and 48 pixel versions for maximum compatibility.
How do I create a favicon from text or an emoji?
Switch to Text / Emoji mode and type one or two characters — a letter, initials or an emoji. Choose a background colour, text colour, font and shape (square, rounded or circle), and the preview updates instantly. It's the fastest way to get a clean, brandable favicon without any design software, and it can also be exported as a crisp, scalable SVG.
What's the difference between PNG and ICO favicons?
PNG favicons are individual image files at specific sizes, referenced with <link rel="icon"> tags — modern browsers prefer these. The ICO format is a single file that can contain several sizes at once (16, 32, 48) and is the long-standing standard that every browser, including older ones, understands. Using both, as the generated HTML snippet does, gives you the widest support.
Is my image uploaded anywhere?
No. In Text and Upload modes everything is rendered locally with the Canvas API and packaged in your browser — nothing is sent to a server. The 'From URL' mode fetches an existing site's icon for preview through a public favicon service; because that image comes from another domain, exporting it may be blocked by the browser's security rules, in which case use Upload mode instead.
Related developer tools
You might also need these.