Create every web icon your site or app needs
Upload one image and get a favicon, an app icon, a PWA icon and a maskable Android icon back — sized correctly, cropped correctly, ready to use.
Upload your image
Waiting for imageShown behind your artwork on the maskable icon, where a solid background is required.
Your icons
Every size appears here as soon as it's ready. Download them one at a time, or all together.
Packaging isn't available right now. Please refresh the page and try again, or download each icon individually above.
How it works
Upload your artwork
Choose one square image. It's checked to make sure it's a genuine, readable image before anything is generated.
Icons are created on your device
Standard icons are cropped edge to edge; the maskable icon keeps your artwork inside a safe zone so it isn't cut off by a shape mask.
Download and use them anywhere
Save each icon individually or download the full set at once, ready for any website, PWA, Android or iOS project.
Web icon size guide
Different platforms expect different icon sizes. Here's what each size in your download is for.
| Icon | Size | Used for |
|---|---|---|
| Favicon | 48×48 | Browser tabs, bookmarks and browser history |
| App icon | 192×192 | Home screens, app launchers and taskbars |
| App icon | 512×512 | Splash screens and app-store style previews |
| Maskable icon | 192×192 | Android home screens that crop icons into a shape |
| Maskable icon | 512×512 | Android splash screens with shape cropping |
A web icon creator for any website, app or PWA
Every website and app needs a small set of icons to look finished and trustworthy: a favicon for the browser tab, a home-screen icon for phones and tablets, and larger versions for splash screens and app listings. Doing this by hand usually means opening an image editor, resizing an image multiple times, cropping it square, and exporting each size separately. This tool does all of that in one step — upload an image once and get a complete, correctly sized icon set back immediately.
Who uses a web icon generator
- Web developers adding a favicon and app icons to a new site
- Progressive web app (PWA) developers who need a home-screen icon
- Android and iOS developers who need square source artwork for an app icon
- WordPress, Shopify and website builder users setting a site icon
- Browser extension developers who need icons in several sizes
- Designers turning a logo into a ready-to-use icon set
Favicon, app icon or PWA icon — what's the difference?
A favicon is the small icon shown in a browser tab. An app icon is the larger icon shown when a site or app is added to a phone's home screen or an app launcher. A PWA icon is simply an app icon used by a progressive web app, and a maskable (or adaptive) icon is a version built so that a shape mask — like Android's rounded square or circle — never crops off the important part of the artwork. Most projects end up needing all four.
Getting a sharp result
Icons are generated at the exact size they'll be displayed, using high-quality scaling, so edges stay crisp instead of blurry. Starting from a square image of at least 512×512 pixels gives the best result across every size in the set, since the largest icon is created directly from your original artwork rather than stretched up from a smaller one.