Hello
The problem arises when the client sees it on their screen, it is not retina.
visit my page and you will see the icon.
I found this solution browsing the internet:
“The problem comes from the transform tool, by default it uses the 3D transform property. This generates the pixelation error. Just change the tool to use height and width, instead of 3D”
Sorry, but we don’t have tutorials about how to create the right SVG images. You can try to download some ready icon from this resource and check how it works https://www.flaticon.com/