What is "joint" scaling SVG is inserted in the img src?

Greetings to all.
The question arose. Insert into page SVG file by means of the img tag
<img src="../../images/checkbox-unselect.svg" style="width:72px;height:72px;">


Size varies with js in the style tag. At different sizes appears to blur some boundaries. I can not understand in what business. It's a vector.... In all browsers(common).
6dcb0364b98947cc87da8b75c54d3af2.pngb09b180765c24b3686291969c8d27997.png

There is some not crisp borders.... Can someone tell me in what direction to dig?
September 19th 19 at 12:16
1 answer
September 19th 19 at 12:18
Everything seems to be right, the fact of the matter is that a vector with scaling of svg as it needs to fit in the specified block.

This applies not only to the svg inserted with the img but using the svg tag, for example:
download?id=qZSgTZr4wq2s5rRABpHohYNjfj8Z

In the first embodiment, a clear boundary, the second a little more fuzzy, the same svg in different resolutions.
Maybe I chegoto do not know, so he signed up for question.

Find more questions by tags HTMLCSS