01

upload image — drag & drop png, jpg, or svg (256×256px+ recommended)

02

select sizes — pick dimensions for browser tabs (16, 32), google serp (48+), apple (180), android (192)

03

customize style — set shape (square, rounded, circle), background color, and padding separately for tabs vs serp

04

preview live — see how your favicon looks in chrome tabs, bookmarks, and google search results

05

download zip — get .ico file + individual pngs + html code to copy

what is a favicon? +

a favicon (favorite icon) is the small icon that appears in browser tabs, bookmarks, and search results next to your website name. it helps users identify your site at a glance and builds brand recognition.

are favicons still used? +

yes, favicons are more important than ever. they appear in browser tabs, bookmarks, mobile home screens, and google search results. a missing favicon makes your site look unprofessional and harder to find among open tabs.

should favicons be 16x16 or 32x32? +

both. 16x16 is the classic size for standard displays, while 32x32 is needed for retina/hidpi screens and some contexts like windows taskbar. for best results, include both sizes in your .ico file — that’s why this tool bundles multiple sizes together.

can i use a png as a favicon? +

yes, modern browsers support png favicons. however, .ico files are still recommended for maximum compatibility (especially older browsers and windows). this tool gives you both — individual pngs and a combined .ico file.

how do i create a favicon? +

1) design a simple, recognizable icon (your logo works great). 2) export it as png, jpg, or svg at 256x256px or larger. 3) drop it into this tool to generate all the sizes you need. 4) copy the html code and add the files to your website’s root folder.

is my image uploaded to a server? +

no. all conversion happens locally in your browser using javascript. your files never leave your device — check the network tab if you want proof.