Icons

Icon set used across the Triangle design system. Product icons live in components/ui/icons/. UI icons use Google Material Design Icons (Round variant) via the material-icons package. Click any icon to copy its name.

Product Icons

Custom SVG icons for Polkadot products, wrapped as React components in components/ui/icons/.

Usage

import { TicketAppIcon } from "@/components/ui/icons"

<TicketAppIcon size={24} />

UI Icons

General-purpose icons for navigation, actions, and UI chrome. Uses the Round variant of Material Design Icons via CSS font ligatures.

Usage

<span className="material-icons-round">search</span>

Logos

Brand logos as React SVG components. Use currentColor for theme-aware rendering.

Usage

import { PolkadotLogo } from "@/components/ui/icons"

<PolkadotLogo size={24} />