Brand
SVG logo components and animated loading screens. All assets inline — no image requests.
Automatically switch between light and dark using the page theme toggle, or force a theme with Theme="dark".
Logo — Variants
Three variants: Icon, Wordmark, and Lockup (icon + wordmark).
Width controls the size.
Logo — Sizes
Icon at several sizes; pass any CSS length to Width.
Logo — Dark Mode
All three variants on a forced dark surface using Theme="dark".
Logo — Custom Color
Override the fill with the Color parameter.
Loader — Spinner
Rotating arc ring around the icon. Classic, unambiguous, works at any size.
Loader — Pulse
Icon gently scales while two concentric rings breathe in and out. Calm, suitable for background operations.
Loader — Dots
Three dots bounce beneath the wordmark. Familiar, friendly pattern.
Loader — Ripple
Expanding rings radiate outward from the icon — striking on landing pages and splash screens.
Loaders — Dark Mode
All four variants on a forced dark background using Theme="dark".
Loader — Full-Screen Overlay
Set Overlay="true" for a fixed backdrop that covers the whole page.
Click a button to trigger it — it auto-dismisses after 2.5 seconds.