3 title_suffix: Font Awesome Icons
6 <div class="jumbotron jumbotron-icon">
7 <div class="container">
8 <div class="info-icons">
9 <i class="icon-{{ page.icon.id }} icon-6"></i>
10 <span class="hidden-phone">
11 <i class="icon-{{ page.icon.id }} icon-5"></i>
12 <span class="hidden-tablet"><i class="icon-{{ page.icon.id }} icon-4"></i> </span>
13 <i class="icon-{{ page.icon.id }} icon-3"></i>
14 <i class="icon-{{ page.icon.id }} icon-2"></i>
16 <i class="icon-{{ page.icon.id }} icon-1"></i>
18 <h1 class="info-class">
19 icon-{{ page.icon.id }}
21 <i class="icon-{{ page.icon.id }}"></i> ·
22 Unicode: <span class="upper">{{ page.icon.unicode }}</span> ·
23 Created: v{{ page.icon.created }} ·
25 {% for category in page.icon.categories %}
26 {{ category }}{% unless forloop.last %},{% endunless %}
28 {% assign icon_alias_count = page.icon.aliases | size %}
29 {% if icon_alias_count > 0 %}
31 {% for alias in page.icon.aliases %}
32 icon-{{ alias }}{% unless forloop.last %},{% endunless %}
41 <div class="container">
43 <div class="row-fluid">
45 <p>After you get <a href="{{ page.relative_path }}integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
46 <div class="well well-transparent">
47 <div style="font-size: 24px; line-height: 1.5em;">
48 <i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
52 <i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
55 <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.</div>
58 <div class="info-ad">{% include ads/carbon-light-vertical.html %}</div>