Skip to content
kazlo.me
kazlo.me

Ulaanbaatar · UTC+8

GitHub ↗ (opens in a new tab)LinkedIn ↗ (opens in a new tab)

Icons · Sheet 98

Icons.

The k g mark in every size this site uses — favicons, app icons and the plain mark. Look closely, or take the files.

Download all .zip · 17 files

01 — Favicon & app icons

real size unless marked

  • 1:1

    Favicon

    favicon.svgSVG · any size · follows light / dark
    SVG
  • 1:1

    Favicon fallback

    favicon.icoICO · 16 + 32 + 48
    ICO
  • 1:1 + 6×

    Tab icon · 16

    icon-16.pngPNG · 16 × 16 · no dot, heavier strokes
    PNG
  • 1:1 + 3×

    Tab icon · 32

    icon-32.pngPNG · 32 × 32
    PNG
  • 50%

    Home screen · iOS

    apple-touch-icon.pngPNG · 180 × 180 · on paper
    PNG
  • 50%

    App icon

    icon-192.pngPNG · 192 × 192
    PNG
  • 25%

    App icon · large

    icon-512.pngPNG · 512 × 512
    PNG
  • 25%

    Maskable · Android

    icon-maskable-512.pngPNG · 512 × 512 · 80% safe zone
    PNG

02 — The mark

SVG + PNG 1024 × 1024 · transparent

03 — In the <head>

<link rel="icon" href="/favicon.ico" sizes="48x48"><link rel="icon" href="/icons/favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="/icons/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><meta name="theme-color" content="#F5F2EB"      media="(prefers-color-scheme: light)"><meta name="theme-color" content="#131312"      media="(prefers-color-scheme: dark)">

04 — Rules

  1. 01Smallest size is 16 px. At 16 px the dot is dropped and strokes go from 4 to 6 units.
  2. 02Keep 8 units (of 64) of clear space around the mark.
  3. 03The thread stays red — #E2421F on light, #F05A38 on dark.
  4. 04Don’t redraw, stretch or re-letter the mark.
  5. 05The SVG favicon follows the system light / dark setting.
  6. 06The maskable icon keeps the mark inside the 80% safe zone.

Every file lives at kazlo.me/icons/ — the .zip also has site.webmanifest.

SUBJECT
Icon set
URL
kazlo.me/icons
SHEET
98 · Icons · 2026