Favicon Generator

ImagesNew

Upload any image and get a complete favicon package: favicon.ico (16, 32, 48px), apple-touch-icon (180px), Android Chrome icons (192px, 512px), a site.webmanifest, and a ready-to-paste HTML snippet. Adjust background, rounding, and padding.

Drop your logo here

PNG, JPG, WebP, SVG · any size

Preview

16×16

Browser tab

32×32

Retina tab

48×48

Windows

180×180

iOS

192×192

Android

Upload an image to see previews

Background

Corner style

Padding

0%25%

Files in package

favicon.ico16×16, 32×32, 48×48

favicon-32x32.png32×32

apple-touch-icon.png180×180

android-chrome-192x192.png192×192

android-chrome-512x512.png512×512

site.webmanifestPWA manifest

README.txtHTML snippet

HTML Snippet

<!-- Favicon package generated by GameParticles -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<meta name="theme-color" content="#ffffff">

Works great for

🚀

New Web App Launch

Generate a complete, standards-compliant favicon package for a new project in seconds. Get every size browsers, iOS, Android and PWAs expect — favicon.ico, apple-touch-icon, android-chrome — without wrestling with Photoshop or separate export steps.

📱

PWA & Home Screen Icons

Progressive Web Apps need 192×192 and 512×512 PNG icons for the web manifest. Generate both with the right dimensions and a matching site.webmanifest file so your PWA installs correctly on Android and shows a crisp home screen icon.

🍎

iOS Safari Touch Icon

When a user saves your site to their iPhone home screen, Safari uses the apple-touch-icon.png at 180×180. Add rounding or padding to make the icon look polished inside the iOS squircle mask instead of getting awkwardly clipped.

🎨

Logo to Favicon Conversion

Turn a full-size brand logo or SVG into a clean, readable favicon. Use padding to prevent the design from touching the edge at small sizes, and pick a matching background color so the icon looks intentional on both browser chrome and bookmark bars.

🔁

Rebrand & Icon Refresh

Swap out an old favicon across an existing site in one go. Export the full package, drop the files into the project root, and paste the ready-made HTML snippet into your layout head — no need to guess at file names or sizes.

🛒

E-commerce & CMS Sites

Shopify, WordPress and other CMS platforms expect specific favicon sizes. Upload your store logo, choose a white or brand-color background, and download the complete set. Paste the HTML snippet into your theme header and every browser gets the right icon.

favicon generatorcreate faviconfavicon from imagefavicon icoapple touch iconandroid chrome iconweb app manifestpwa iconssite faviconfavicon png

New