Skip to main content
Answer

Changing the Star icon color (Rating)

  • July 11, 2024
  • 2 replies
  • 95 views
Z
Helper I
Forum|alt.badge.img+2

Hi CSS experts,

Is there a way to change the color of the Star icon?

Thanks for your help!

 

Best answer by Ian

This was a fun one:

g[data-icon-name="star-filled"] {
  fill: #ff0000;
}

I guess it’s SVG-based, so instead of e.g. color or background-color, you use fill. And if you want to add an outline, you’d use stroke instead.

J

2 replies

Ian
Guide I
  • Ian
  • Guide I
  • Answer
  • July 11, 2024

This was a fun one:

g[data-icon-name="star-filled"] {
  fill: #ff0000;
}

I guess it’s SVG-based, so instead of e.g. color or background-color, you use fill. And if you want to add an outline, you’d use stroke instead.

Z
Z
Helper I
Forum|alt.badge.img+2
  • Ziv
  • Author
  • Helper I
  • July 11, 2024

Thank you so much, @Ian ! Appreciate your help!

Ian
Terms & ConditionsCookie settingsAccessibility statement