mirror of
https://github.com/iconify/iconify.git
synced 2024-10-24 17:41:58 +00:00
32 lines
736 B
Handlebars
32 lines
736 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={{iconData}} />
|
||
|
|
</div>
|
||
|
|
<div class='alert'>
|
||
|
|
<IconifyIcon @icon='mdi-light:alert' />
|
||
|
|
Important notice with alert icon!
|
||
|
|
</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>
|
||
|
|
|
||
|
|
{{! <AlignmentDemo /> }}
|
||
|
|
{{! <ColorDemo /> }}
|
||
|
|
</div>
|