Hi,
Quick question: is there a way to control the stroke width of icons?
I’m using Lucid Icons, and I tried stroke-width : 1px in the CSS area but it’s not doing anything.
Thanks,
Will
Hey @WilliamB
The custom css field will target the wrapper of the svg. A quick hack to solve it is to make the stroke-width prop inherited for the svg.
You can add it to an style tag:
<style>
.svg-width > svg {
stroke-width: inherit;
}
</style>
Hello @jptrinh,
Thank you for your reply.
For some reason, it didn’t work on my end even though I reproduced exactly what you showed.
I ended up using this instead to target all the icons of my app :
<style>
.ww-icon svg {
stroke-width: 1.5;
}
</style>
Oh i think that’s because i had added a class to my svg indeed 