stroke width not calculated when passed as a prop to CheckIcon

[mikeyamato]

I'm following the checkbox example in the documentation and added strokeWeight prop to <CheckIcon />. However, no matter what the value the weight doesn't change. I'm looking at the code and passing in the prop should work. I haven't tested this with other icons but I'm going to guess I'll see similar results. Meaning, no change.

<CheckIcon color={colors.white} strokeWidth={4} />

[yusupsupriyadi]

And all the icons don't work, even though the stroke value is read

[mkellogg999]

I figured something out. In order to use "strokeWidth" you must also use "stroke". "stroke" should be set to the color you want the icon to be, so it would override the "color" prop.

I am also using the check icon, so naturally I don't want a rounded stroke. Unfortunately the check icon's path is already rounded, so even if you set strokeLinecap to "butt" and strokeLinejoin to "miter" the stroke will still be round.

[j-machuca]

I might be late to the party and just want to add that if you're using tailwind you are going to need to do the following

<HomeIcon className="text-sky-500" strokeWidth={1} stroke="currentColor"/>

[benevbright]

is there any way to use css variable color?