Skip to content

Import

import { IconPrimary } from '@dnb/eufemia'

Description

The IconPrimary component loads by default all Primary Icons so they can easily be included and used without additionally importing every icon.

There is also the basic Icon component, you can use for all other kinds of graphical icons.

Demos

Default and Medium-sized icons (responsive)

Code Editor
<IconPrimary icon="question" title="Give icons a title" />
<IconPrimary
  icon="question_medium"
  title="Size defined in name"
  aria-hidden
/>

Default Icon with custom, but fixed size (64)

Code Editor
<IconPrimary icon="question" size="64" title="I'm not responsive!" />