Using icons in angular 2 component

Here is the problem:

I am trying to use ionicons inside of an angular 2 "component". This is not working. The image is now shown.

<div style="background-color: green; color: black">
    <icon heart>
    </icon>
    Testing
</div>

However, if i do the same thing inside of an ionic component, it will work. For instance, if i paste that code inside of the html of a ionic "Page" component, it will work.

How do i get ionicons to work inside of an angular 2 "component"? Or is there a general ionic "component" that we can use instead of the ones that are listed here. We are building custom components and none of the ones that are listed really fit our need.

Thanks