@bi-digital/icons-react

BI Icons React

BI specific icons. Available as Web Components and React components.

Get started

NPM

Install the icons and the required CSS tokens: npm i @bi-digital/icons-react@latest @bi-digital/tokens

Import an icon:

import { BiIconCheckmark } from '@bi-digital/icons-react';

Then add the styles, either in a CSS-file:

@import '@bi-digital/tokens';

Or in jsx/tsx:

import '@bi-digital/tokens';

If you use @bi-digital/css, you don't have to install @bi-digital/tokens as well since it's included in @bi-digital/css.

CDN

In your head-section in your html, import the following script:

<script type="module" src="https://cdn.jsdelivr.net/npm/@bi-digital/icons-react@latest/dist/index.min.js"></script>
<link type="stylesheet" src="https://cdn.jsdelivr.net/npm/@bi-digital/tokens@latest/dist/tokens.css" />

We recommend replacing latest with a specific version to avoid errors when the library is updated.

If you use @bi-digital/css, you don't have to install @bi-digital/tokens as well since it's included in @bi-digital/css.

Icons

There are several icons available, view all and read the docs at designsystem.bi.no.