Favicon Generator
Make a favicon from an image, a letter or an emoji, and download a real multi-size .ico.
Drag & Drop Image Here
Supports PNG, JPG, WebP, SVG (Square ratio recommended)
Create the little icon that appears in browser tabs, bookmarks and phone home screens. Start from one of three sources — an uploaded image, a typed letter or word, or an emoji — style it on the canvas, preview it at the exact sizes browsers use, and download the finished favicon. It's drawn entirely in your browser using the canvas, so nothing you upload is sent to a server.
Three ways to make one
Image mode lets you drop in a logo or photo and adjust it with zoom, rotation and horizontal/vertical offset, plus a background colour or transparency. Text mode turns a letter or short word into an icon with a choice of fonts, a background shape (circle, square or rounded) and colours — ideal when you don't have a logo yet. Emoji mode picks from a set of popular emoji and drops one onto a shaped background. Every change redraws the preview instantly.
What you download, and why it's an .ico
Live previews show your icon at 16×16 and 32×32 (the classic tab and bookmark sizes) and 180×180 (the Apple touch icon for iOS home screens), so you can check it stays legible when tiny. The main download is a genuine .ico file that packs the 16, 32 and 48px versions into one file — the format browsers have always understood for favicon.ico. Place it at your site root or reference it with a <link rel="icon"> tag in your page's <head>.
Frequently Asked Questions
What sizes are inside the .ico file?
The downloaded .ico contains three resolutions — 16×16, 32×32 and 48×48 — packed into a single file, which covers tabs, bookmarks and the Windows taskbar.
Do I need a logo to use it?
No. If you have no logo, use Text mode to turn a letter or word into an icon, or Emoji mode to build one from an emoji on a coloured shape.
How do I add the favicon to my site?
Put the .ico at your site root as favicon.ico, or add a tag like <link rel="icon" href="/favicon.ico"> in your page head. For iOS home screens, also reference the 180×180 image with <link rel="apple-touch-icon">.
Is my uploaded image sent anywhere?
No. The image is drawn and resized on a canvas in your browser, and the .ico is assembled locally, so your file never leaves your device.