Icons

Icons live in a separate package @bigcommerce/big-design-icons. To use the icons you will first need to add the package to your app using npm install @bigcommerce/big-design-icons or yarn add @bigcommerce/big-design-icons. Iconography Design Guidelines.

Usage

To use an icon import the component from the package:

Code example

Use it anywhere in your app:

Edit the code below to see your changes live!

API

Icon

Prop NameTypeDefaultDescription
colorColorSets the icon color given a color name from our palette.
sizeSpacing | numberDetermines the size of the icon. Accepts a Spacing value or a number of px.

Props ending with * are required

Available Icons

Beta