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

Frequently asked questions

How do I generate a favicon from a logo image?

Upload your logo or image, adjust the background, rounding, and padding as needed, and the tool generates a full favicon package you can download in one go.

What files are included in the favicon package?

You get favicon.ico at 16, 32, and 48px, an apple-touch-icon at 180px, Android Chrome icons at 192px and 512px, a site.webmanifest file, and an HTML snippet ready to paste into your page head.

Is the favicon generator free for commercial website use?

Yes, generating a complete favicon package is free with no sign-up, and the output files can be used on any website, including commercial projects.

What sizes does a favicon actually need to cover all devices?

A full set covers 16, 32, and 48px for browser tabs, 180px for Apple touch icons, and 192px and 512px for Android Chrome and PWA home screens, which this generator produces automatically from one source image.

New