Choose Source Image

Drag & drop your image here

Supports PNG, SVG, JPG, WebP (Max 10MB)

or fetch from URL

Aesthetic Customizer

256 × 256 px

Layout & Zoom

Zoom Scale 100%

Internal Padding 0%

Position Offset X 0 px

Position Offset Y 0 px

Rotate & Flip

Rotation Angle 0°

Corner Shape Mask

Custom Corner Radius 0%

Background Layers

Transparent Solid Color Gradient

Outer Border styling

Border Thickness 0 px

Live Interactive Mockups

Simulate Browser Header:

Your Great Website

Simulate Google Search:

Your Great Website https://yourgreatwebsite.com

Awesome Title: Discover the Next Big Thing

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.

Mail

Your App

Photos

Safari

9:41 AM

Your PWA App

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" />

Premium FaviconGenerator