Make a favicon

Upload your logo or type your initials. Preview it at real sizes and download every file your website needs.

Select your logo

or drop your logo here

Nothing is uploaded. Works with any website. Already have one? Check it.

2Style it Watch the previews update on the right

Logo treatment Keep it exactly as uploadedNothing is added. Transparent areas stay transparent. Place it on a colored tileAdds a background shape and breathing room around the logo. Good for thin or light logos that vanish on a tab.

Background#613dff Transparent Shape Corner radius22%

+Web app manifest (Android)Optional. Used when someone adds your site to their Android home screen.

App name Short name (under the icon, 12 letters max) Splash background#ffffff Theme color (status bar and app switcher)#613dff

On Android, see-through parts of a home-screen icon are filled with the splash background. If you kept the logo as uploaded, choose a background here that suits it.

3Download

Favicon pack: every file a website needs. favicon.ico, PNGs at 16 to 512 px, apple-touch-icon, Android icons, site.webmanifest and a paste-ready HTML snippet.
512px PNG only: one square image. This is what site builders such as WordPress, Shopify, Wix and Squarespace ask for in their settings.

Google result

your website

AllImagesVideosNews

Your websiteyourwebsite.com

Your website: A little check. A healthier website.

The small things make a big difference. Find what is missing from your website and exactly how to fix it, in about a minute.

Browser tab

Your websitex

Another tab

32 px
bookmarks

48 px
Windows

180 px
iPhone home screen

192 px
Android

Phone

9:41●●● ▲ ▮

Photos

Maps

Notes

Music

Mail

Your website

Camera

Clock

9:41●●● ▲ ▮

yourwebsite.com⋮

Your website

Your websiteAnother tab

Left: saved to the home screen (uses the 180 px icon). Right: mobile browser address bar and tab switcher.

Android (web app manifest)

Home

Gmail

Drive

Maps

MySite

Splash

23:11

My Website

Switcher

23:16

My Website

Add it to your website

Works with any site. Pick the route that matches how your site is built.

Any website (HTML, static, custom)

Download the pack and unzip it.
Upload every file to the folder you set as the favicon path (default: the site root, next to your homepage).
Paste this into the <head> of your pages:

Folder where the files will live (optional) Keep / if you upload them next to your homepage. Type a subfolder such as /icons/ if you put them there. The snippet updates automatically.

Site builders (WordPress, Shopify, Wix, Squarespace)

Use 512px PNG only above. You need just that one file.
WordPress: Appearance, then Customize, then Site Identity, then Site Icon (or Settings, then General on 6.5 and newer). Upload, publish, clear your cache.
Shopify: Online Store, then Themes, then Customize, then Theme settings, then Favicon.
Wix: Settings, then Website settings, then Favicon. Squarespace: Website, then Website tools, then Browser icon.
The platform generates the other sizes for you.

Already live?

Run the favicon checker to confirm every size is being picked up.

Open the checker