Iconography - Trezor Design

Trezor uses Phosphor icon set as the foundation of its iconography. Phosphor is an open-source icon family of around 9,000 icons, actively maintained, free to use and extend.

Why Phosphor fits Trezor

Phosphor's form language fits the brand. Its rounded terminals and consistent stroke geometry echo the rounded radius treatments across Trezor — device silhouettes, packaging corners, UI surfaces. Icons sit naturally inside this system because they speak the same form language as the physical and digital touchpoints around them.

Foundation, not ceiling

Where Phosphor doesn't have what we need, we extend it with custom icons drawn in the same style. Where another system carries more authority — operating system marks, payment networks, partner brands — we use those instead.

Browse the full icon set

When Phosphor doesn't have what we need — typically for crypto-specific concepts, Trezor features without a generic equivalent, or product silhouettes — we draw custom icons.

Match Phosphor exactly

Custom icons must be visually indistinguishable from Phosphor when placed side by side. Match stroke width, terminal treatment, corner radius, grid, and optical balance. Phosphor's design principles are documented at phosphoricons.com/guide.

Approval process

All new custom icons require approval from the Design System team before entering the Trezor icon library. This protects visual consistency across the system.

Some touchpoints require icons from outside the Trezor system. When a user sees an Apple logo, a Visa mark, or a partner wallet logo, they expect the original — anything else looks unfamiliar, suspicious, or wrong. Using these marks correctly is what makes the touchpoint feel trustworthy.

Utility marks

Adaptation allowed

Operating system marks (Apple, Windows, Linux, Android) and regulatory symbols on packaging (CE, RoHS, ISO) act as labels or compliance indicators. We adapt these to fit our visual system — typically monochromatic, sized to match surrounding context. Recognizability is preserved because their silhouette carries the meaning, not their color.

Even when adapted, follow the mark owner's clearspace, minimum size, and legal usage rules.

Partner brands

Original form

Marks representing payment networks (Visa, Mastercard, Apple Pay), dApps, wallet apps, and supported coins appear in their original form — original colors, original proportions, no Trezor styling. These marks are recognized by their full identity, color included — adapting them would damage what makes them trustworthy.

Cryptocurrency and asset icon implementation is maintained by the Design System team — see Design System → Iconography → Assets for the working library.

Icons are a utility layer of the Trezor visual system. They inform, navigate, and label — they don't carry brand expression or emotion.

Weight

Use Phosphor Regular across all touchpoints. It pairs cleanly with our Medium-weight typography and reads well across all sizes used in product and marketing.

Other Phosphor weights are not part of the brand identity system. Fill is reserved for specific functional states in the Design System.

Icon or Contextual illustration?

Icons and small Contextual illustrations (size S) can occupy similar spaces. They're not interchangeable — they do different jobs.

Use an icon

When the visual is doing utility work: labeling a function, indicating a state, supporting navigation, marking a category. Examples: a lock next to a password field, a wallet icon in a tab bar, a check mark next to a confirmed transaction.

Use a Contextual illustration

When the visual carries a brand moment — a small piece of personality at a specific touchpoint that an icon couldn't substitute. Examples: a small illustration at the end of an unboxing flow, a brand accent in a marketing email, a touch of warmth in a packaging insert.

Do's & Don'ts

Use icons to mark a function, state, or label.

Use icons to fill empty space, decorate layouts, or add visual interest on their own. Brand expression lives in illustrations.

Use Phosphor's lock icon for any "security" or "locked" concept in product UI and content.

Use the Trezor logo glyph (the lock from the wordmark) as a generic security icon. The logo lock belongs only to the Trezor brand mark.

When an icon does the utility job, use the icon. Reserve Contextual S illustrations for touchpoints where the brand moment is the point.

Use a Contextual S illustration as a more on-brand icon. They are not interchangeable.