How to change the scale of svg sprites when changing the scale of the page in the browser?

Question

css

There is a sprite in the form of a long svg document with icons inside. Icons on the site are elements with a viewbox, in which the desired icon from the svg document is displayed as background and background position. Naturally, when you change the scale of the page in the browser (Ctrl + / Ctrl -), the icons remain the same size. As far as I understand, the browser, in the case of inline svg or images, looks at their width and height, in the case of sprites, it cannot do this. Is there any solution to make the icons grow/shrink when the page is zoomed in the browser?

Answer 1

<svg style='height: 190px; width: 380px; transform: scale(0.421875);'>
...