(01) — TOOLS
Cropped favicons.
Drop a logo. Square crop, padding, background. Five PNGs and the <link> snippet. Nothing is sent. Not a multi-size .ico.
64 px preview
Files
- favicon-16.png · 16×16
- favicon-32.png · 32×32
- apple-touch-icon.png · 180×180
- icon-192.png · 192×192
- icon-512.png · 512×512
HTML snippet
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png">
At a glance
- PNG favicon generator, free, in the browser.
- Square crop, 16 / 32 / 180 / 192 / 512 px, HTML snippet.
- No multi-size .ico. Nothing is uploaded.
- Nothing is sent to a server.
(02) — METHOD
Square, sizes, snippet.
01 — Square
Cover crop: the short side sets the square. Sliders move the frame.
02 — Sizes
16 and 32 (tab), 180 (Apple), 192 and 512 (PWA). PNG, browser canvas.
03 — HTML
Copy the <link> tags into <head>. Put the files at the site root.
(03) — FAQ
Short answers.
- What about favicon.ico?
- Modern browsers accept a 32×32 PNG as rel="icon". A multi-size .ico is not built here.
- SVG?
- No. Start from a PNG or JPEG large enough (512 px or more) for the 512×512.
- Is anything sent to a server?
- No. Crop and export stay in the tab.