How do I render svg icons in a svg component?

Question

I am working on an angular app where I have an icon font I created in IcoMoon with a bunch of icons, I want to render those icons in an SVG component such as this:

  <svg style="width: 700px; height: 700px" id="svgPanel">
  </svg>

I tried this, but it didn't work:

<svg:text [attr.x]="myObject.pos().x" [attr.y]="myObject.pos().y" class="myIcon"></svg:text>

Any ideas?