Favicon sizes
Small PNG favicons cover browser tabs, bookmark lists, pinned pages, and high-density displays. The 16, 32, and 48 px exports give browsers multiple crisp choices.
Favicon Generator
Upload an image and generate browser-ready favicon files, app icons, manifest icons, and copy-ready HTML tags locally.
Generated favicons
Generate icons to preview the favicon package.
No favicon package yet
Upload a logo, mark, or app icon, choose crop or padding, then generate the standard PNG assets and snippets.
Favicon Generator Guide
Generate common website and PWA icon assets in the browser without uploading source artwork.
Apple and PWA icons
The 180 px Apple touch icon supports iOS home screen shortcuts. The 192 and 512 px PNG files are referenced from the web app manifest for installable PWAs.
PNG vs ICO
Modern sites commonly ship PNG favicons plus a manifest. ICO can still help older browser stacks, but PNG output is simpler, predictable, and clean for most current projects.
Crop or padding
Crop fills the square and works well for centered logos. Padding preserves the full source image, which is better for wide marks, badges, and artwork that should not be clipped.
Background choices
A solid background makes transparent logos predictable across tabs and launchers. Transparent PNG padding can look cleaner, but each platform may composite it differently.
Local generation
Images are decoded and rendered with browser canvas APIs on your device. Canvas export may strip EXIF metadata, color profile metadata, and other file annotations.
Favicon Generator FAQ
Does this upload my image?
No. The image is loaded from your device and processed locally with browser canvas APIs.
Can I use SVG input?
Yes, when your browser supports rasterizing that SVG as an image. External references inside SVG files may not appear in the canvas export.
Should I crop or pad a non-square source?
Use crop for a centered mark that should fill every icon. Use padding when preserving all edges matters more than filling the square.
Where do the generated files go?
Place the PNG files and site.webmanifest at the paths used by the generated HTML tags, or update the href and src paths to match your project.