App icon sizes
All standard sizes for iOS and Android
Favicon reference
Favicon Sizes
Check browser and platform favicon sizes before downloading website icons.
%22%20stroke%3D%22rgba(23%2C32%2C42%2C.10)%22%20stroke-width%3D%2210%22%2F%3E%0A%20%20%3Cg%20transform%3D%22rotate(0%20256%20256)%22%20filter%3D%22none%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M256%2092%20296%20204%20408%20244%20296%20284%20256%20420%20216%20284%20104%20244%20216%20204Z%22%20fill%3D%22url(%23mark-0-gradient)%22%20stroke%3D%22rgba(23%2C32%2C42%2C.18)%22%20stroke-width%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M354%20126%20370%20164%20408%20180%20370%20196%20354%20234%20338%20196%20300%20180%20338%20164Z%22%20fill%3D%22%2317202A%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22170%22%20cy%3D%22354%22%20r%3D%2224%22%20fill%3D%22%23F4B740%22%20opacity%3D%22.9%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E)
Variants (3)
Quick edits
Prompt preview
Create a clean gradient icon for this product, brand, or project: a tiny readable browser tab favicon for a dev tool. Infer the best single visual metaphor from the description instead of defaulting to a rocket, spark, or generic abstract mark. Use Teal, amber, ink colors. The icon should be suitable for saas product icon. Centered composition, simple silhouette, high contrast, no text, no watermark, no mockup, no UI screenshot. If this is used as an icon set, keep the visual system consistent across sizes and variants. Background: gradient.
Prompt qualitySingle metaphorNo textSmall-size safeHigh contrastGradientRounded squareTeal, amber, ink
My icons
Generated icons will appear here.
Export center
ZIP includes PNG, SVG, prompt, platform notes, and manifest snippets.
PNGSVGiOSPWA
Quality score
16px readability92
No-text safety92
Contrast45
Platform fit74
Style consistency78
Projects
Saved projects stay on this device until cloud sync is connected.
Upgrade
More AI PNG creditsCloud projects and team sharingBatch exports and brand kits
Quick answer
Favicon Sizes quick answer
Use this workflow for tiny website icons that must stay recognizable in browser tabs, bookmarks, shortcuts, and PWA install surfaces.
At a glance
- Best for
- SVG favicon, 16px and 32px browser icons, Apple touch icons, PWA icons
- Main outputs
- SVG favicon prompt, PNG fallback guidance, favicon size checklist
- Key constraint
- Keep one bold shape, high contrast, and no small lettering.
- Updated
- 2026-06-21
Recommended workflow
- 1Start with one simple symbol.
- 2Check readability at 16px and 32px.
- 3Pair SVG with practical PNG fallbacks.
- 4Use matching PWA and Apple touch assets when needed.
SVG examples
Scalable, clean, and editable
FAQ
Answers to common questions
favicon sizes
Prepare favicon assets for browsers and PWAs
A good favicon pack combines a scalable SVG with PNG fallbacks for older surfaces, Apple touch icons, and installed web apps. Keep the artwork simple enough for the smallest tab icon.
Include 16px and 32px PNG fallbacks.
Add 180px for Apple touch icons.
Use 192px and 512px for PWA install surfaces.
Output formats
Export what builders use
SVG
Copyable vector markup for product UI and landing pages.
PNG
Canvas-exported previews for app stores, websites, and decks.
Favicon
Small-size guidance for browser tabs, PWAs, and shortcuts.
Prompt
Compact prompts shaped for clean silhouettes and no text.
Style presets
Start from a clean visual language
Minimal
simple silhouette
Flat
strong color blocks
Outline
stroke-first icon
Gradient
polished app icon
Glyph
solid mark
Mascot-lite
character hint
How to use generated icons
Use SVG for product UI and docs.
Use PNG for app stores and social previews.
Keep favicon shapes bold at 16px.
Avoid text inside app icons.
Export final assets at the largest required size.
Favicon sizes
512px
192px
180px
64px
48px
32px
16px
FAQ
Favicon Sizes questions
Which favicon sizes are most important?
A practical favicon set usually includes SVG plus 16px, 32px, 48px, 180px, 192px, and 512px PNG assets.
Can I download Favicon Sizes results as SVG?
Yes. Favicon Sizes results include copyable SVG markup and downloadable SVG files for product UI, websites, and documentation.
Do I need an account to use Favicon Sizes?
No account is required to create prompts, preview icon concepts, copy SVG, or export PNG previews with Favicon Sizes.
Related tools