title: Angular display svg.component located on an object into the html
body: <p>I have this array of routes that contain a label and an icon but I think I'm doing a wrong way to display this svg.</p>
  <pre><code>routes = [
        {
          name: 'Inicio',
          items: [
            { label: 'Dashboard', icon: '&lt;home-svg&gt;&lt;/home-svg&gt;', routerLink: '/dashboard' },
          ]
        },
        {
          name: 'Cine',
          items: [
            { label: 'Películas', icon: '&lt;movie-svg&gt;&lt;/movie-svg&gt;', routerLink: '/peliculas' },
            { label: 'Funciones', icon: '&lt;funcion-svg&gt;&lt;/funcion-svg&gt;', routerLink: '/funciones'},
            { label: 'Salas', icon: '&lt;sala-svg&gt;&lt;/sala-svg&gt;', routerLink: '/salas'},
            { label: 'Venta de boletas', icon: '&lt;boleta-svg&gt;&lt;/boleta-svg&gt;', routerLink: '/boletas'},
          ]
        }
  ]
  </code></pre>
  <p>So when I access this key from the HTML i just get the string, is there any way I could display it using the selector?</p>
  <p>Thanks in advance :)</p>