mirror of
https://github.com/iconify/iconify.git
synced 2024-12-13 22:18:24 +00:00
35 lines
854 B
Handlebars
35 lines
854 B
Handlebars
<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> |