2013-05-03 08:12:33 +08:00
---
layout: base
2013-05-10 10:50:17 +08:00
title_suffix: Font Awesome Icons
2013-05-09 11:15:29 +08:00
relative_path: ../../
2013-05-03 08:12:33 +08:00
---
2013-05-03 11:16:41 +08:00
< div class = "jumbotron jumbotron-icon" >
< div class = "container" >
< div class = "info-icons" >
2013-05-17 21:35:23 +08:00
< i class = "icon-{{ page.icon.id }} icon-6" > < / i >
< i class = "icon-{{ page.icon.id }} icon-5" > < / i >
< i class = "icon-{{ page.icon.id }} icon-4" > < / i >
< i class = "icon-{{ page.icon.id }} icon-3" > < / i >
< i class = "icon-{{ page.icon.id }} icon-2" > < / i >
< i class = "icon-{{ page.icon.id }} icon-1" > < / i >
2013-05-03 11:16:41 +08:00
< / div >
< h1 class = "info-class" >
2013-05-17 21:35:23 +08:00
icon-{{ page.icon.id }}
2013-05-03 11:16:41 +08:00
< small >
2013-05-17 21:35:23 +08:00
< i class = "icon-{{ page.icon.id }}" > < / i > ·
Unicode: < span class = "upper" > {{ page.icon.unicode }}< / span > ·
Created: v{{ page.icon.created }} ·
2013-05-03 11:16:41 +08:00
Categories:
2013-05-17 21:35:23 +08:00
{% for category in page.icon.categories %}
2013-05-03 11:16:41 +08:00
{{ category }}{% unless forloop.last %},{% endunless %}
{% endfor %}
2013-05-17 21:35:23 +08:00
{% if page.icon.aliases %}
2013-05-04 04:00:59 +08:00
· Aliases:
2013-05-17 21:35:23 +08:00
{% for alias in page.icon.aliases %}
2013-05-04 04:00:59 +08:00
icon-{{ alias }}{% unless forloop.last %},{% endunless %}
2013-05-03 11:16:41 +08:00
{% endfor %}
{% endif %}
< / small >
< / h1 >
< / div >
< / div >
2013-05-03 08:12:33 +08:00
< div class = "container" >
< section >
2013-05-03 11:16:41 +08:00
< div class = "row-fluid" >
< div class = "span9" >
2013-05-09 11:15:29 +08:00
< 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 >
2013-05-03 11:16:41 +08:00
< div class = "well well-transparent" >
< div style = "font-size: 24px; line-height: 1.5em;" >
2013-05-17 21:35:23 +08:00
< i class = "icon-{{ page.icon.id }}" > < / i > icon-{{ page.icon.id }}
2013-05-03 11:16:41 +08:00
< / div >
< / div >
2013-05-24 01:14:14 +08:00
{% highlight html %}
2013-05-17 21:35:23 +08:00
< i class = "icon-{{ page.icon.id }}" > < / i > icon-{{ page.icon.id }}
2013-05-03 11:16:41 +08:00
{% endhighlight %}
< br >
2013-05-09 11:15:29 +08:00
< div class = "lead" > < i class = "icon-info-sign" > < / i > Looking for more? Check out the < a href = "{{ page.relative_path }}examples/" > examples< / a > .< / div >
2013-05-03 11:16:41 +08:00
< / div >
< div class = "span3" >
< div class = "info-ad" > {% include ads/carbon-light-vertical.html %}< / div >
< / div >
< / div >
2013-05-03 08:12:33 +08:00
< / section >
< / div >