React Three Drei Svg

i want to load an svg icon in a 3d scene, i used the Svg Component from drei to do that, but the svg appears in black color although i designed it with colors

this is how it should look like

and this is my code
image

first, what materials do you use? if they are not meshbasic you would need at least an ambientlight.

other than that, the svg implementation in threejs seems incomplete, it’s often missing detail or geometry, i don’t think you can rely on it to be 100% accurate. i would prefer an image, way too resource heavy imo to use dozens of meshes just for an icon.