Is it possible to dynamically insert svg into html?

Question

Vue.js

It is necessary to embed in the html svg file when the switch condition is met. The option with the img tag with dynamic paths is gone, as is the creation of components from svg. The last option is due to the fact that I will need to import about 20 svg components and only 1 of them will be embedded in the DOM

Answer 1

You can svg sprites in a separate block, and in vue you can connect the desired image from the sprite through use.
The rest of the icons are also placed in and called in vue through

<svg version="1.1">
    <use href="#unqie_id" width="90" height="90"></use>
  </svg>