Constellation icons are not rendering outside of storybook

[Pawel_Sobolewski]

Hello,
I am creating custom DX component and i have problem with it. I am trying to render plus and trash icons as stated at design.pega.com, yet they render only in StoryBook (in web portal they are missing). Here is part of the code:

import { Flex, DateRangeInput, Button, Icon, Card } from '@pega/cosmos-react-core';
.....                   
                    

```
<Button
                      variant='simple'
                      label='Icon button link'
                      icon
                      aria-label='remove'
                    ....
                    >
                      <Icon name='trash' className='trash-icon' />
                    </Button>
```

...

Icon does not render here as in any other component that i have created. Can you please advise if i am missing any dependency?

[Pawel_Sobolewski]

@Pawel Sobolewski Anyone?

[RichardMarsot]

@Pawel Sobolewski load the icon through an import and use the registerIcon API - see GitHub - pegasystems/constellation-ui-gallery: This open-source repository provides a collection of ready-to-use and customizable Constellation DX components. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components. for examples.

[Pawel_Sobolewski]

@RichardMarsot Thank you Richard for your response. Now it works.