Skip to content

Brand & Logo

The logo (logo-icon.svg in the repo root) is built on the map-pin glyph from Feather Icons.

Two identical pins share a tip anchor at the bottom and are rotated ±15° from center. One renders at 30% opacity, the other at 100%. The overlap creates a heart-like silhouette at the top, with the two inner circles sitting slightly off from each other.

The opacity split is functional: it mirrors the “ghost vs. trusted reading” concept that SensorChaos actually tests for. The faint pin is where the device thinks it is; the solid pin is where it should be — or vice versa, depending on the scenario.

The shared bottom tip is what holds it together visually. Without it the two pins would just look like an accident.

The file uses two <g> groups with a rotate transform on a 32 px grid with a 2 px stroke. This keeps it legible at favicon sizes (the inner circles blur together at 16×16, which isn’t a problem — it just looks more broken, which fits). It’s also easy to animate: each pin has its own transform origin, so a CSS shiver or independent pulse maps directly to the existing structure.

The file is safe to inline or import as a component — no raster data, no fonts.