@bigcommerce/big-design-icons
@bigcommerce/big-design-icons
npm i @bigcommerce/big-design-icons
@bigcommerce/big-design-icons

@bigcommerce/big-design-icons

Design system that powers the BigCommerce ecosystem.

by bigcommerce

0.21.0 (see all)License:(MIT AND CC-BY-3.0)TypeScript:Built-In
npm i @bigcommerce/big-design-icons
Readme

BigDesign Icons npm version CircleCI

BigDesign Icons as React components.

Documentation

You can find documentation, list of icons, and examples on our docs page.

Quick start guide

Add BigDesign Icons and styled-components@5 to your project using npm:

npm install @bigcommerce/big-design-icons styled-components@5

or with yarn:

yarn add @bigcommerce/big-design-icons styled-components@5

Import any icon component and use it anywhere in your app.

import { StoreIcon } from '@bigcommerce/big-design-icons';

...

<App>
  <StoreIcon />
</App>

Adding New Icons

To add new icons, use the built-in script to download the svg from Material Icons - Rounded:

yarn run download

After you've searched and downloaded your icon(s), run the build script to convert your svgs into React components:

yarn run build:icons

Downloads/wk

2.2K

GitHub Stars

35

LAST COMMIT

8mos ago

MAINTAINERS

15

CONTRIBUTORS

42

OPEN ISSUES

19

OPEN PRs

10
VersionTagPublished
0.21.0
latest
2mos ago
0.19.2-alpha.0
next
4mos ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate