Icon

stablev1.0.0

Functional icons from Figma SCDC node 142:4817. Pass `name` to swap the 24px black line glyph. Header, BottomBar, Input, Toast, DatePicker, and Button keep their original Figma assets.

Open in Figma

Live preview

Figma sheet 142:4817. Black 24px line glyphs, stroke 1.5. Change name to swap. Header, BottomBar, Input, Toast, DatePicker, and Button use their original Figma assets instead of this set.

Implementation

import { Icon } from '@nitro-core/ui';

<Icon
  name="bell"
/>

Design → Code

Property names stay aligned so a Figma Button maps onto the production import below.

Figma

Functional Icon

142:4817

name: bell

Code

Icon

@nitro-core/ui

name: "bell"

Token inspector

Typeface

Figma Variable

SC Prosper Sans

Nitro Token

font.sans

CSS

--nitro-font-sans

Chain

Figma → Token → CSS → Component