How do I import shared components from Libraries in Angular in a module from another library

Question

I am stuck. My situation:

• Lib UI has an icon component.
• Lib UI has a modal module.
• App has a shared module for root.

I want to use the icon in the shared module and this is also needed inside the modal module that I want to use. The icon is used inside a component of the modal.

I get the error that the Icon component is used in the shared and the modal module.

Icon => Imported and exported in Shared module => App

Icon => Imported in Modal module => App

This also doesn't work Modal => Imported and exported in Shared module Does anybody have a suggestion on how I should handle this cyclic reference or double import?