SVG cuts a pixel from the icon.

unicodes · 2024-08-25T08:54:39.909+00:00

As you can see, adding an SVG cuts a pixel from the icon. I tried to add a padding to the SVG, or to the DIV but it continue to cut a pixel from the image. Do you know how to fix it?

unicodes
1 year ago
As you can see, adding an SVG cuts a pixel from the icon. I tried to add a padding to the SVG, or to the DIV but it continue to cut a pixel from the image. Do you know how to fix it?
unicodes
1 year ago
The solution I found now is adding in height a pixel more. ex. if the icon is 10x10, if you add 10x11 it will fix the problem but this means that it will go out of your design. I found this issue with all my icons. Outside toddle, the icon 10x10 works fine and perfect but here I have to add a pixel more.
Tom Ireland
1 year ago
Have you tried adjusting the viewBox attribute for the SVG element e.g. 0 0 10 10 or whatever it should be?
Lucas G
1 year ago
Yeah the size should be set to the svg attributes not as width/height properties

SVG cuts a pixel from the icon.

unicodes

unicodes

Tom Ireland

Lucas G