Portfolio
Tool 02 · Favicon

Favicon generator

One logo in, every icon a site needs out: favicon.ico, SVG, Apple and Android icons and the manifest. Check it in real tabs and home screens, then download one ZIP.

SourceLogo
Add your logoSVG, PNG, JPG or WebP · stays on your device

A square SVG works best: it stays sharp and becomes your icon.svg too. For PNG, use 512 px or bigger.

Use the symbol, not the whole wordmark: at 16 px only a shape survives.

Using WordPress?

Under Appearance → Customize → Site Identity → Site Icon, upload the 512 px PNG from the bar below. WordPress makes the other sizes itself.

Download the full ZIP when you want the SVG favicon, the dark-tab version, or a site that isn't WordPress.

icon-512.png
512 × 512
Browser tabs
My siteNew tab
My siteNew tab
Home screen
My site My site

iPhoneAndroid

Search result
My sitehttps://yoursite.com

Your page title

Actual pixels · favicon.ico
16 32 48
Sample · add a logo or letters to start
  • Source—
  • Light tabs—
  • Dark tabs—
  • At 16 px—
  • Site name—
  • Phones—
StyleShape · App · Code
Background
Padding

Space around the logo, inside the icon.

14%
App
Theme color (phone browser bar)
Code & files

Paste inside the <head> of every page.