tailwindlabs / heroicons

A set of free MIT-licensed high-quality SVG icons for UI development.
https://heroicons.com
MIT License
21.03k stars 1.27k forks source link

Stroke width broken again #967

Closed sgoodluck closed 1 year ago

sgoodluck commented 1 year ago

It seems that strokewidth may be broken again?

Relevant issue #241

Is anyone else experiencing this?

reinink commented 1 year ago

Hey! Reading your comment in the other issue, I can see you're trying to do this:

import { ChevronRightIcon } from '@heroicons/react/24/solid';

<ChevronRightIcon className="h-4 w-4 stroke-[4px]" />

However that won't work for our "solid" set, as they don't use lines but rather solid shapes. That said, you can do this with our "outline" set:

import { ChevronRightIcon } from '@heroicons/react/24/outline';

<ChevronRightIcon className="h-4 w-4 stroke-[4px]" />

Hope that helps 👍

sgoodluck commented 1 year ago

Incredibly helpful thank you! Created a minor documentation PR so that is stated in the readme!

https://github.com/tailwindlabs/heroicons/pull/969