Letters
1–3 characters read best
Drop an image here
or click to browse — PNG · JPG · SVG · WEBP · GIF
SVG in, SVG out. Animated GIFs use the first frame.
SVG in, SVG out. Animated GIFs use the first frame.
image.png
Framing controls are under the canvas below.
Checking artwork…
Loading symbols…
A 2.0 stroke lands near one pixel in a 16 px tab — check the magnifier.
Compose
one drawing, every size
This is the master drawing. Everything in the package is rasterised from it.
Rendered at 236 px · drag or use arrow keys to reframe.
Contrast at 16 px
—: 1
Add something to measure.
What goes in the zip
8 files
Stays sharp at any size and is what Chrome and Firefox reach for first.
Launchers crop your icon to their own shape. These are separate, full-bleed renders with the artwork pulled inside the safe circle.
Writes a prefers-color-scheme rule into favicon.svg so the icon can change colour in dark browser chrome. Firefox honours it, Chrome partially — and the PNG fallbacks never change, so keep both readable.
Site details
manifest · iOS icon · splash screen
Paste this into your <head>