Glyph — Icon studio×
+Can you still identify the mark?
Icon systems, not icon files
One mark.
Every surface.
Design one source against the rules that actually differ: browser favicons, Google Search, Apple Touch Icon, PWA masks, and Safari monochrome pins.
Local by design. Artwork and diagnostics stay in this browser.
02
Optical fit
0256512
0256512
80% maskable safe circle
512 × 512 master14% inset · 100% scale
Reality check
The platform owns the final crop.
Glyphglyph.manabeakira.com
Glyph — build an icon system, not just a favicon
The exported 48 × 48 file stays square. This circular presentation is applied only by the search surface.
9:41
Glyph
Notes
Camera
Export is square + opaque. The 23% rounded preview is simulated, never baked into the PNG.
circle
squircle
rounded
Launcher masks vary. Glyph exports one unrounded maskable source and checks important pixels against the guaranteed center circle.
Optical diagnostics
Measure the mark at the sizes that matter.
Actual CSS-pixel comparisonNo enlargement
48 × 48, not 28 × 28.
Export the square multiple-of-48 source. The search result preview simulates its smaller presentation separately.
Do not bake the corner radius.
Apple Touch Icon is emitted square and opaque. iOS owns the final rounded mask, so Glyph only rounds the preview.
Any and maskable are different assets.
Both stay square. Maskable is forced opaque and gets its own safe-circle diagnostic rather than borrowing favicon styling.
A separate monochrome vector.
SVG input is sanitized and minified, then a background-stripped single-color mask is generated for pinned tabs.
Design at 16 px.
The diagnostic weights the tab heavily because that is where excessive detail fails first.
Export source, preview mask.
Glyph separates source-file geometry from platform presentation so rounded corners are not accidentally applied twice.
Keep vectors vector.
SVG input now produces an optimized scalable icon and a dedicated monochrome pinned-tab mask alongside raster fallbacks.