I am using icons created in illustrator and exporting it in SVG. However, they are not sharp when I upload them on my website. I have uploaded them via svg code and also via image in webflow. They look fine on my laptop but on my client’s laptop, they are not sharp. This is happening only on chrome. How can I fix this? Please guide.
I have copied the svgs and added in a new project due to privacy issues.
The issue arises because the SVG images are displayed at a very low scale compared to their original size, and the stroke widths in the design are also too thin. Try to Increasing the stroke width will make the edges sharper, even at smaller sizes. I’ve increase the stroke of the icon and this is how its looks.
