'react-icons - Can't change color Grommet icons

I'm using react-icons and with Font Awesome icons I managed to change color easily with 2 approaches:

Works with color prop:

<FaUserTimes /* color="#023373" */ className="icone icone-40" />

Works with css:

.icone {
  color: #023373; 
}

Now, using Grommet icons nothing seems to work, icons are always black

<GrFormAdd color="#023373" className="icones" />

.icones {
    font-size: 30px; **Font size works!?**
    color: #023373;
}

enter image description here



Solution 1:[1]

If you don't want to use the 'grommet-icons' dependency, but only 'react-icons' :

you can style them with simple css :

svg path {
    stroke: #023373;
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1