FAQ

Common questions about generating a favicon in the browser.

What is a favicon?

A favicon is the small icon that appears in a browser tab, bookmarks, and some search results. It is usually a square image in PNG, SVG, or ICO format.

How do I add a favicon to my website?

Download the zip, copy the files into your site, and follow the install preview for your stack: paste <link> tags for HTML or React (Vite/CRA), or drop app/ files into a Next.js App Router project. Update paths if your files live in a different folder.

How to add a favicon

Which sizes and formats should I download?

16×16 and 32×32 PNG plus SVG and ICO cover most browsers. Apple Touch (180) is for iOS home screens. The web manifest adds 192 and 512 PNGs for installable sites.

Favicon sizes & dimensions

Does this upload my images?

No. The generator runs entirely in your browser. Designs, uploads, and history stay in local storage on your device and are not sent to a server.

Can I use an icon or my own image?

Yes. Choose Text, Icon, or Image as the visual. Icons include Font Awesome, Lucide, and emoji. Uploads accept PNG, JPEG, or WebP, with scale, position, and opacity controls.

Is this the same as the Chrome extension?

Same features: text, icon, or image, backgrounds, borders, and a zip with PNG, SVG, ICO, Apple Touch, and code. The website is the full-page version; the extension is a popup on any tab.

Can I convert an existing ICO or PNG without redesigning?

Yes. The converters turn ICO, PNG, JPG, WebP, and SVG into PNG or ICO in your browser. Use them when you already have a file; use the generator when you want to design from text, an icon, or an image.

Favicon converters