IconPrimary#

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.

Other icon names automatically load from the asset CDN. The same fallback is available for string icons in components such as Button. See dynamic CDN icons for provider configuration, version pinning, loading behaviour and limitations.

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

Relevant links#

Source code
Docs code

Demos#

Default and Medium-sized icons (responsive)#

<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)#

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

Suggest an edit