Tab icon

hard convention

Favicon (full set)

SVG + 16/32/48 + 180 + 192/512 Square format 1:1

This is the small icon in the browser tab. Use SVG + 16/32/48 + 180 + 192/512, so it looks right and loads fast.

This size is a hard convention: change it and something gets cropped or looks off.

For whoever builds the site

The 2026 set: favicon.svg (infinite scale, dark mode support) + multi-size favicon.ico (16/32/48) + apple-touch-icon.png 180×180 + manifest 192 and 512. Each system requests its size by exact name. In WordPress just upload a square ≥512×512 and it generates the rest.

Ratio: 1:1
Desktop: SVG + 16/32/48 + 180 + 192/512
Range: master source 512–1024
Format: SVG + ICO + PNG

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Official docs: WordPress.org (opens in a new tab) Guides: FaviconStudio (opens in a new tab)