Can you do fill? If so, how?

[palladius]

Hi, I was looking for an option like fill: 'yellow'
but I can't get it to work.

Can you help me create a yellow star, for instance? A small code snippet would help.

[puffo]

Those kinds of options aren't really needed if you're using something like Tailwindcss. You can achieve this quite easily by just adding the necessary stroke styling classes.

Here's an example:

<%= heroicon "star", variant: :outline,  options: { class: "stroke-1 stroke-yellow-600 fill-yellow-600 w-5 h-5" } %>

[Fonzie-byte]

I'd like to add on @puffo their commet, that this can also be done without Tailwind if your project does not have it / has no need for it:

In your application's .css file:

.yellow {
  color: yellow;
  fill: yellow;
  stroke: yellow;
}

In the .erb file:

<%= heroicon "star", options: { class: "yellow" } %>