Custom Icons in menu item

[Hanland]

Hi, I have a context menu which I want to add a custom icon to, I have defined a solid color icon using css,

.docIcon
{
background: #ee414c;
display:block;
width:16px;
height:16px;
position:relative;
}

and used in

{
label: material.name, icon:'docIcon', command: (e) => {
this.execute(mouth, this.target);
}
}

The problem I have is that I need to create a colored Icon based on a RGB value.

As yet I cannot find a way of passing this RGB value to modify the icon in the menu item entry.

Any suggestions ....

Regards

[cagatay.civici]

ContextMenu supports font icons, which type of library do you use for custom icons?

[Hanland]

I'm not using a library for these custom icons I wish to have a colored square based on a user defined RGB value. The example I found using CSS is great for static values of RGB but I need to use dynamic values