Qeet Docs

Brand

Qeet logos and custom product icons — theme-adaptive brand assets shipped with the design system.

The brand layer ships the Qeet logos and a set of custom product icons as React components. They're available from the brand barrel:

import { QeetLogo, QeetLogoMark, IconPasskey } from "@qeetrix/ui/brand";

Brand assets ship inside @qeetrix/ui (0.4.0+) — at the @qeetrix/ui/brand subpath and the package root. The former standalone @qeetrix/brand package is retired (folded in).

Logos

  • QeetLogo — the full Qeet wordmark + mark. Props via QeetLogoProps.
  • QeetLogoMark — the standalone mark (no wordmark).
  • QeetLogoOnLight / QeetLogoOnDark — variants locked to a light or dark surface. Props via QeetLogoVariantProps.

The default logo is theme-adaptive — the wordmark follows the current text color while the brand-orange accent stays constant across light and dark.

Product icons

A custom icon set for identity and platform concepts, sharing a QeetIconProps shape and a QEET_ICON_MIRROR helper for RTL:

IconApiKey, IconAuditLog, IconCrossDevice, IconMfaShield, IconOidcConnector, IconPasskey, IconSamlConnector, IconScimSync, IconTenant, IconWebhook.

Starter set

The product-icon set is an evolving starter collection; expect it to grow as products need new glyphs.

On this page