Favicon and PWA icon generator

Create a favicon.ico, Apple Touch icon, and PWA icons for a website or app. Build the icon pack browsers and phones need from a PNG or SVG logo.

Create faviconHow it works
  • Free
  • Ad-free
  • No registration
  • No daily limit

A complete icon pack from one image

Crop, adjust, and check it at real size, then choose which website and web app icons go into the ZIP.

Related tools

These tools are often the next step in the same workflow.

Image converterFree, ad-free image conversion with no daily limit.Open Graph checkerFree Open Graph check and share preview.

Which favicon and web app files do you actually need?

Export targets can be combined freely. A simple website only needs the Website option; for an installable web app, choose the web app icons and, if needed, the ready-to-use site.webmanifest file too.

Website

You'll need this to show the icon in the browser tab.

Select this for any regular website, blog, online store, or portfolio.

Installable web app

Creates normal and maskable icons for a web app that can be installed to the home screen or app launcher.

+ site.webmanifest

Optional. Creates the manifest that ties together the web app's name, icons, colors, and start settings. Offline functionality still requires a separate service worker.

Website files

These provide browser favicon and Apple Touch icon support.

favicon.ico
The traditional, widely supported browser icon. Contains the 16, 32, and 48 pixel versions in one file.
favicon-16x16.png
A crisp icon for the browser tab and very small browser surfaces.
favicon-32x32.png
A favicon used on high pixel-density displays, such as browser tabs and bookmarks.
favicon-48x48.png
A PNG favicon usable for larger browser and system surfaces.
apple-touch-icon.png
Used by iPhone and iPad when someone adds the website to the home screen.
favicon.svgOptional
A crisp, scalable favicon at any size in modern browsers. Only included if you upload an SVG file.
favicon-code.html
Contains ready HTML links to copy into the website's <head>.

Web app icon files

Only created when the Installable web app option is selected.

web-app-manifest-192x192.png
The installed web app's normal, smaller-resolution icon on Android and other PWA-capable systems.
web-app-manifest-512x512.png
A high-resolution app icon used for installation and larger system surfaces.
web-app-manifest-192x192-maskable.png
A small PWA icon with a safety margin that the operating system can mask into a circle, square, or other shape.
web-app-manifest-512x512-maskable.png
The high-resolution version of the maskable app icon for installation and launch surfaces.

The manifest add-on

The + site.webmanifest option adds the installation metadata and HTML link alongside the web app icons.

site.webmanifest
A ready-to-use file describing the installable web app's stable identifier, start URL, navigation scope, name, icons, colors, and display mode.
favicon-code.html
Contains the manifest link and theme-color meta element to copy into the website's <head>. If you also requested the Website option, its favicon links go into this same file.

The README.md is included in every export, and lists the installation steps for the selected files.

Who is a favicon and PWA icon generator useful for?

Launching a new website or blog

Building a portfolio, blog, or business site? Turn a single logo into a favicon.ico and Apple Touch icon in seconds — the files most templates and CMS platforms expect.

Building a PWA or installable web app

If your project needs to be installable to the home screen, generating the maskable icons and site.webmanifest saves you from resizing icons by hand and writing the manifest yourself.

Rebranding or replacing an existing favicon

After a new logo or brand refresh, generate the full icon pack in one pass and drop the ready-made HTML code straight into your site's <head>.

Icons for a no-code builder or static site generator

Works well for Webflow, Framer, Wix, Astro, or Next.js projects too, where you upload the favicon and icon files to your own public folder.

Privacy

Privacy while creating a favicon

The favicon package is created in your browser; the source image is not uploaded.

  • If you upload an SVG, Morf sanitizes it safely before using it.
  • No registration, ads, or daily download limit.

Frequently asked questions

About the source image, the ICO file, SVG, and maskable PWA icons.

What kind of image makes a good favicon?

Use a simple, square graphic with strong contrast. A 1024 × 1024 px source is ideal; Morf warns below 512 px because the larger PWA icon can look softer.

Does the SVG stay vector?

Yes — if you upload an SVG, the package also includes the safely sanitized SVG. Morf does not create a fake vector file from a raster image.

What's inside the favicon.ico file?

A standard ICO container with separate 16 × 16, 32 × 32, and 48 × 48 pixel PNG frames.

Why is the maskable icon different?

Android can mask the app icon into several shapes. The separate version, made with a larger safe zone and a full background, helps avoid important parts being cropped off.

Is the favicon generator free and unlimited?

Yes. Morf's favicon generator is free, ad-free, and requires no registration. There is no daily generation or download limit; the practical limit is only your browser's and device's performance.