Version: 3.5.13

Icons

A comprehensive collection of 289 icons available in the Beacon Design System. Click any icon to copy its variable name.

Overview

The Beacon icon library provides a consistent set of SVG icons built as React components. All icons are available from the beacon-icons package and can be imported individually.

Icons support multiple size options including token-based sizes (xs, sm, rg, md, lg, xl, 2xl) and numeric pixel values.

All icons support a color prop for custom color override while defaulting to currentColor for easy theming.