search

blade-ui-kit / blade-heroicons

A package to easily make use of Heroicons in your Laravel Blade views.
https://blade-ui-kit.com/blade-icons
MIT License
560 stars 50 forks source link

Control SVG Stroke Width #20

Closed adamjgriffith closed 3 years ago

adamjgriffith commented 3 years ago

Is there a way to control the stroke-width property using this library?

I have tried something like <x-heroicon-o-exclamation-circle class="h-12 w-12 stroke-1" /> but I cannot get it to work!

Links: General: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-width Tailwind: https://tailwindcss.com/docs/stroke-width

driesvints commented 3 years ago

Unfortunately not through this library. Icons will need to be optimized to allow for that CSS property. We don't dictate how SVG icons are built. If there's a specific icon library you'd like to use this with, consider asking the authors of the library to provide support for it.

adamjgriffith commented 3 years ago

Ok thank you, I will consider opening a similar issue on the heroicons GitHub.

EDIT:

Turns out there are already a couple of issues related to this: https://github.com/tailwindlabs/heroicons/issues/241

victorybiz commented 3 years ago

@adamjgriffith You can override or change the SVG stroke width CSS

/* 
resources/css/app.css 
*/

svg path {
    @apply stroke-1;
 }