Symbol Layer Icon Color

[danish-danial]

Hey everyone,

I can't seem to change the color of the Symbol Layer icon. I refer to the StackOverflow on how to convert the icon and etc. It seem the icon still white even though I assign the iconColor in style.

Here are the line of the code:

 <SymbolLayer
                    key={index}
                    id={`vector-layer-${index}`}
                    style={{
                      iconImage: pointMarker,
                      iconSize: 0.05,
                      iconOpacity: vector.hidden ? 0 : 1,
                      iconColor: vector.color,
                    }}
/>

Can you give me a guidance on how can I color the Symbol Layer?

Thanks.

[caspg]

Is your icon in SDF format?

[Buthrakaur]

Hi @danish-danial , could you please share how did you make the SDF icon work?