: What hapen with this icon? I created an icon for a web page with lines of 2px and dimensions 42x42(px) but when I put it in webpage the lines are blurred, see the image Next is the

@Sherry646

Your problem is that you are not designing a pixe perfect icon and your are not uploading it in the exact size.
The easy solution is just to upload an svg, and there are 2 options for that:


Upload and .svg icon
Converting the icon into a font, which is basically the same as uploading an svg to the website. (You actually upload an svg to the icons fonts)


The only real reason to turn from uploading an svg to icon fonts is if you have a set of icons that are uploaded again and again in various parts of the website

Vote Up Vote Down

@Nimeshi706

Try converting your icon into a font that should fix the blurry problem.

Check this link:
www.webdesignerdepot.com/2013/04/how-to-turn-your-icons-into-a-web-font/
Then you can modify the size with CSS.

Hope it works.

Vote Up Vote Down