1
Choose Source Image
Drag & drop your image here
Supports PNG, SVG, JPG, WebP (Max 10MB)
filename.png
PNG • 512×512 • 42 KB
or fetch from URL
2
Aesthetic Customizer
256 × 256 px
Layout & Zoom
100%
0%
0 px
0 px
Rotate & Flip
0°
Corner Shape Mask
0%
Background Layers
135°
Outer Border styling
0 px
3
Live Interactive Mockups
Simulate Browser Header:
https://yourgreatwebsite.com
Simulate Google Search:
Your Great Website
https://yourgreatwebsite.com
This is how your description will appear in Google Search. The favicon sits right next to the site name, making your brand pop instantly in lists.
9:41 AM
Your PWA App
4
Export Favicon Bundle
favicon.ico
ICO (16/32/48)
favicon.svg
Vector SVG
favicon-16x16.png
PNG Web
favicon-32x32.png
PNG Web
favicon-48x48.png
PNG Web
apple-touch-icon.png
iOS (180x180)
web-app-icon-192x192.png
PWA (192x192)
web-app-icon-512x512.png
PWA (512x512)
site.webmanifest
JSON Manifest
Copy Link Code to Your HTML <head>
<!-- Standard classic favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<!-- Modern lightweight SVG vector favicon -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<!-- Universal PNG dimensions -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
<!-- Apple Touch Icon (iOS Home Screen) -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<!-- Web App Manifest (PWA integration) -->
<link rel="manifest" href="/site.webmanifest" />