I am using the new React Heroicons library, specifically using the outlined plus-circle. I am trying to change the stroke width to 1, using the stroke-1 class like the code below.
This is not changing the width and the only way I have found is to manually enter the JSX and change the stroke width.
If I remove the stroke-width from the svg, and add the classes directly, the stroke width is automatically 1 and can be changed using stroke-2 or stroke-3.
I am using the new React Heroicons library, specifically using the outlined plus-circle. I am trying to change the stroke width to 1, using the
stroke-1
class like the code below.<PlusCircleIcon className="h-16 w-16 stroke-1 text-gray-700" />
This is not changing the width and the only way I have found is to manually enter the JSX and change the stroke width.
If I remove the stroke-width from the svg, and add the classes directly, the stroke width is automatically 1 and can be changed using
stroke-2
orstroke-3
.Apologies if I have misunderstood how this is meant to be used.