How to get rid of image distortion?

Question

css

Hello! There is the following problem, the icons, at the initial scale, look as they should, but if you start to increase it, the images start to blur slightly and pixel blurs appear. In the source, everything is ok with the images.
Example: Below is the original, and above is the same icon with a larger scale, already distorted
dl1.joxi.net/drive/0000/2726/2726/150113/6befc305c8.png

Answer 1

This is fine. Zooming always changes the image and blur appears.
Just don't scale or use vector images.

Answer 2

svg

Answer 3

No way. Either redraw the icon in the desired size, or use a vector icon.

Answer 4

Never scale images when laying out unless they are svg