Icon usage guide

QAVertex browser and app icons

Show the exact chosen compact mark at favicon, browser-tab, app-icon and avatar sizes; retain any documented source matte or native counter shapes.

Light browser

QAVertex 16 pixel browser iconQAVertex×
16 pixel favicon
16 × 16 actual pixels
32 pixel favicon
32 × 32 actual pixels
48 pixel favicon
48 × 48 actual pixels

Dark browser

QAVertex 16 pixel browser iconQAVertex×
16 pixel favicon
16 × 16 actual pixels
32 pixel favicon
32 × 32 actual pixels
48 pixel favicon
48 × 48 actual pixels

Apple and Android

Apple home-screen icon
Apple / opaque 180 px
Android circular app crop
Android / circular crop
Dark app icon
Dark app / opaque

Maskable safe area and Safari pin

Maskable icon with central safe-zone overlay
Dashed circle: central 80% safe zone
Safari / native mono mask

Light browser icons retain the exact source colours. Dark browser icons use the approved white symbol; opaque app tiles use the brand paper or ink. The original favicon.svg is a byte-exact copy of the selected mark. Optical exports only fit the existing paint, with no glyph redraw or colour change. The web manifest is a production-root template: adjust id, start_url and scope when installing under a subpath. No service worker or offline app is included.

Multi-size ICOOriginal SVG masterWebsite head snippetWeb manifestIcon instructions