title: How to insert SVG file using React , having it's path/url?
body: <p>I have an array of objects as shown below, I want to display coresponding svg file of each object.icon, the first object is using ion-icons element and it works but how do I render svg file having only it's path/url?
  I want to avoid importing the svg files because there will be like 70 of them :)</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  [{
      id: 1,
      name: 'HTML',
      icon: &lt;ion-icon class='skill-icon' name='logo-html5' /&gt;,
    },
    {
      id: 2,
      name: 'CSS',
      icon: './img.svg' /&gt;,
    },]</code></pre>
  </div>
  </div>
  </p>