iconify/components-demo/ember-demo/app/components/iconify-demo.hbs

<div>
  <section class='icon-24'>
    <h1>Usage</h1>
    <div>
      Icon referenced by name:
      <IconifyIcon @icon='mdi:home' />
    </div>
    <div>
      Icon referenced by object:
      <IconifyIcon @icon={{this.iconData}} />
    </div>
    <div class='alert'>
      <IconifyIcon @icon='mdi-light:alert' />
      Important notice with alert icon!
    </div>
    <div>
      Icon without size, scaled to 48px with CSS:
      <IconifyIcon @icon='mdi:home' @height='unset' style='height: 48px' />
    </div>
  </section>

  <section class='inline-demo'>
    <h1>Inline demo</h1>
    <div>
      Block icon (behaving like image):
      <IconifyIcon @icon='experiment2' />
    </div>
    <div>
      Inline icon (behaving line text / icon font):
      <IconifyIcon @icon='experiment2' @inline={{true}} />
    </div>
  </section>

  <ColorDemo />
</div>