I'm trying to find a way of adding a custom DOM node and display it as an icon using DeckGL IconLayer.

I know that I can add a url to getIcon() or iconAtlas and it will display a custom icon but I would like to add an node which contains 2 images one in front of the other.

<div id="test.icon">
  <img alt="svg-icon" className={classes.svg} src="/path-to-foreground-image" />
  <img alt="pin" className={classes.pin} src="/path-to-background-image" />
</div>

The issue im facing is adding this node to my IconLayer. I have tried passing documet.getElementBtId("test.icon") to iconAtlas as explained in this article. It works when adding a single image but does not render the full node above.