tabler-icons-svelte icon indicating copy to clipboard operation
tabler-icons-svelte copied to clipboard

Support vector-effect="non-scaling-stroke"

Open timohausmann opened this issue 2 years ago • 0 comments

Sometimes it's wanted to exactly define the strokeWidth and prevent it from upscaling, for example large chevrons for navigation.

Currently, the larger the size, the bolder the stroke. Currently to get a 1px stroke for a 48 size I have to calculate the stroke width based on the 24 size:

<ChevronDown size={64} strokeWidth={1/(64/24)} />

What would be nice:

<ChevronDown size={64} strokeWidth={1} nonScalingStroke />

timohausmann avatar Mar 24 '22 12:03 timohausmann