Icons

As a default set of icons we recommend to use Carbon Icons by IBM.

Here you can find all icons which you can use inside your project after installation

Quick installation guide

We strongly recommend to install not only the icon library but also a typing.

yarn add @carbon/icons-react
yarn add --dev @types/carbon__icons-react

pnpm add @carbon/icons-react
pnpm add --dev @types/carbon__icons-react

npm install @carbon/icons-react
npm install --dev @types/carbon__icons-react

To render Carbon Icons in React you just simply import them as component and use like normal component

import { Basketball32, Bat32, Settings32, Ruler32 } from '@carbon/icons-react';

Live Editor


render(
    <div>
        <Basketball32 />
        <Bat32 />
        <Settings32 />
        <Ruler32 />
    </div>
)


render(
    <div>
        <Basketball32 />
        <Bat32 />
        <Settings32 />
        <Ruler32 />
    </div>
)

Result