How to make SVG from sprites responsive?

Question

css

Now I'm trying to deal with SVG sprites. But I ran into the fact that you have to specify their dimensions, height and width. otherwise, the width of 300px is not at all clear where it comes from.

Everything is simple for images - I specified max-width: 100px; height: auto and the image will adjust if necessary.
How to do it with SVG? And where does the 300px width come from?

Answer 1

Everything is simple!
Take the SVG code, paste it into a text editor, save it as [name].svg .
You insert it no longer as code, but as an image, and assign classor id.
That is: Well, respectively, in css:
<img src="[name].svg" class="svg-name-one"/>

.svg-name-one {
  width: 100%;
}

Or assign a class to the svg itself:
Tyk