tailwindlabs / heroicons

A set of free MIT-licensed high-quality SVG icons for UI development.

Home Page:https://heroicons.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stroke width broken again

sgoodluck opened this issue · comments

commented

It seems that strokewidth may be broken again?

Relevant issue #241

Is anyone else experiencing this?

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 👍

commented

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

#969