13 · The measurements of the disc
Symbol geometry
The symbol is not drawn by eye: it is built from a formula. Here are its exact measurements so anyone can reproduce it, plus a view with the guides turned on.
Guides turned on
Tap a stripe in the table to highlight it in the view.
Measurements
- Canvas
- A 100 × 100 square. The symbol fills a centered 52 × 72 box.
- Disc
- A circle of radius 25 (diameter 50) centered at 50, 50.
- Stripes
- 7 vertical stripes, each 5.97 wide, with a 1.7 gap between them. Corners rounded with radius 2.
- Offset
- Each stripe shows the disc shifted by dy = 6 · sin(0.95 · i), with i from 0 to 6.
- Clipping
- Each stripe clips vertically between y = 14 and y = 86. The disc is never seen whole.
- Safety zone
- One stripe width (x ≈ 5.97, 11.5% of the symbol width) on each side.
| Stripe | Start x | Width | dy | Disc center y |
|---|---|---|---|---|
| 1 | 24.00 | 5.97 | 0.00 | 50.00 |
| 2 | 31.67 | 5.97 | 4.88 | 54.88 |
| 3 | 39.34 | 5.97 | 5.68 | 55.68 |
| 4 | 47.01 | 5.97 | 1.72 | 51.72 |
| 5 | 54.69 | 5.97 | -3.67 | 46.33 |
| 6 | 62.36 | 5.97 | -6.00 | 44.00 |
| 7 | 70.03 | 5.97 | -3.30 | 46.70 |
Compact five-stripe version
In favicons from 16 to 32 px, seven stripes clog together. The compact version uses 5 stripes with the same relative offset. It is never used above 32 px tall.
