Download Phosphor Icons
Instant uses Phosphor Icons as its icon system across all touchpoints including product UI, marketing materials, documentation, and brand communications. Phosphor was chosen for its geometric consistency, its extensive range, and its ability to feel at home in both dense product interfaces and spacious marketing layouts.
Phosphor's clean, precise forms sit naturally alongside Inter, sharing the same geometric sensibility that runs through the entire Instant visual system. The two were made for each other.
Always use a single weight style consistently within any given layout, and avoid mixing with icons from other libraries.
Icons are used at four standard sizes across the Instant system. Always use one of these sizes and never scale icons to arbitrary dimensions.
16px
The smallest UI size. Used for inline labels, input fields, and compact interface components.
24px
The primary UI size. The most commonly used size across product interfaces and marketing layouts.
32px
Used in marketing layouts where icons need more presence alongside larger type.
48px
The largest size. Used for feature highlights, empty states, and hero moments where an icon is a primary visual element.
Icons can be presented as standalone elements or placed within a rounded square container with the Instant green gradient as the background. This treatment adds visual weight and brand energy to icons in contexts where they need to work harder, such as feature lists, product highlights, and marketing layouts.
When using the container treatment, the icon always renders in Instant Black to maintain contrast against the green gradient. The container uses a consistent border radius that feels rounded and approachable without becoming a full circle. The gradient runs at 135 degrees from Core Green to Lime Green, the same direction used across all other gradient applications in the brand.
Use the container treatment selectively. Not every icon needs it. Reserve it for moments where icons are a primary visual element and the green needs to show up with full energy. When icons are supporting UI elements or sitting alongside dense copy, the standalone treatment is always the cleaner choice.
Last Updated April 2026 © Instant
