# `SquatchMail.Web.Components.Icons`
[🔗](https://github.com/Axio-Intelligence/Squatch-Mail/blob/v0.1.1/lib/squatch_mail/web/components/icons.ex#L1)

The SquatchMail footprint mark and small outlined nav icons.

The footprint (the landing page's `Footprint.astro` bigfoot track: long
sole, arch details, five uneven toes) is the one recurring visual motif
called for throughout DESIGN.md — loading spinner, empty states, and the
event timeline all reuse this same `footprint/1` component so the mark
stays consistent everywhere it appears, on the landing page and in the
dashboard alike.

# `easter_egg`

The tiny sasquatch silhouette that walks across the sidebar footer once per
session. Purely decorative; `prefers-reduced-motion` disables the CSS
animation that moves it (see `assets/css/squatch_mail.css` `.sq-easter-egg`).

## Attributes

* `class` (`:string`) - Defaults to `nil`.

# `footprint`

Renders a single bigfoot track: long human-like sole, broad forefoot,
heavy heel, uneven toes. Same geometry as the landing page's
`Footprint.astro` — the one mark, everywhere. Pass `mirrored` for the
opposite foot (walking-trail alternation).

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `mirrored` (`:boolean`) - Defaults to `false`.
* Global attributes are accepted.

# `nav_icon`

Small outlined nav-rail icons. Deliberately simple single-path glyphs (not
the footprint mark, which is reserved for the logo/spinner/empty states) so
the sidebar stays legible at 16px.

## Attributes

* `name` (`:atom`) (required)
* `class` (`:string`) - Defaults to `nil`.

# `spinner`

Four footprints used together as the "walking tracks" loading spinner,
paired with the `.sq-loading-label` mono caption in callers (e.g.
`FOLLOWING TRACKS…`).

## Attributes

* `label` (`:string`) - Defaults to `"Following tracks…"`.

---

*Consult [api-reference.md](api-reference.md) for complete listing*