Creating and using SVG sprites?

Question

Adobe Illustrator

Good afternoon colleagues!
I decided to dive a little into svg sprites.
I created a new file in Illustrator, sketched icons from the svg layout, then exported "export as" gave the name sprite.svg. Then I chose the following settings:
And I tried to connect and display one of the icons through background-image.
it turned out like this: I
connected it in the markup, hoping to get the instagram icon:

<object type="image/svg+xml" width="100" height="100" data="/img/sprite.svg#instagram"></object>

which gave the same result as above on the screen.
As I understand it, I'm not creating a sprite correctly, or saving it. Help me with good advice, how to make it so that when specified through background-position: 20px 20px; exactly what is located at these coordinates was shown and the id binding worked as in the above code.
Thanks

Answer 1

We connect svg sprites through background in css, and not through object. (we work through TARS)
Read this article, maybe it will help you someday https://svgontheweb.com/ru/ CSS-manipulation point, look and be sure to point Sprites. I think there is what you need.