Generate favicons

Drop one logo. Download the complete package.

Your image stays in your browser.

How to use your favicon package

Create ICO and PNG favicons from PNG, JPG, WebP or SVG logos. Download browser and app icons locally, with no uploads or account.

Favicons identify your website in browser tabs and bookmarks. The package also includes larger icons for saved or installed web apps.

  1. Choose a logo, review the previews and download the ZIP package.
  2. Extract the icons and site.webmanifest into your site's public folder. Copy the markup from favicon-snippet.html into your page's <head> and adjust paths if the icons are in a different folder.
  3. Edit the name, colors, start URL and scope in site.webmanifest for your website. Build and deploy, then check that the linked icon files load.

MDN guide to favicon links

Common questions

Which images can I use?

Choose a PNG, JPG, WebP or SVG file up to 10 MB and 16 million decoded pixels. A square image of at least 512 by 512 pixels is recommended. SVG input is rasterized into ICO and PNG output. Simple shapes are easier to recognize at small sizes.

What is in the downloaded package?

The ZIP includes favicon.ico with 16, 32, 48 pixel images, 16 and 32 pixel PNG browser icons, a 180 pixel Apple touch icon, 192 and 512 pixel app icons, and a separate 512 pixel maskable icon. It also contains site.webmanifest, favicon-snippet.html and README.txt setup instructions.

Is my logo uploaded to a server?

No. Image decoding, resizing and ZIP generation run in your browser. Favicon Forge does not upload your logo or require an account. Creating and downloading the package is free.

What is the maskable icon for?

Maskable app icons allow a launcher to crop an icon into different shapes. Favicon Forge puts your logo inside a centered safe circle on an opaque white background for this separate icon. The manifest marks it as maskable. Ordinary PNG icons retain transparency when the source logo has it.

MDN guide to maskable app icons

Why is my new favicon not showing?

Check that the icon URLs in your page and manifest return the image files, and adjust relative paths for nested pages. Refresh the page and check the browser cache. Google Search needs to recrawl changes and uses one favicon per hostname, so a subdirectory does not get a separate search favicon. Appearance in search results is not guaranteed.

Google Search favicon guidance