What is the correct way to use svg?

Question

css

The question arose of such a plan, for example, there is a block with advantages.
Each advantage has its own icon.
When hovering over the block, the color of the icon should change.
All icons are provided in svg, the question is, svg data must be changed through the admin panel, but accordingly, files like name.svg cannot be loaded, then the color will not change. Who gets out of the way?
So far, the idea is only to create svg sprites and then set the sprite id to each element through the admin panel, so that it can be administrated.

Answer 1

hang the class and through the fill or immediately the fill attribute

Answer 2

Why not convert the icons to a font and use them?

Answer 3

If all icons should be just black and white, then you can use css filter