---
layout: base
title_suffix: Font Awesome Icons
relative_path: ../../
---
Example of {{ page.icon.id }} at 6xExample of {{ page.icon.id }} at 5xExample of {{ page.icon.id }} at 4xExample of {{ page.icon.id }} at 3xExample of {{ page.icon.id }} at 2xExample of {{ page.icon.id }}
fa-{{ page.icon.id }}
·
Unicode: {{ page.icon.unicode }} ·
Created: v{{ page.icon.created }} ·
Categories:
{% for category in page.icon.categories %}
{{ category }}{% unless forloop.last %},{% endunless %}
{% endfor %}
{% assign icon_alias_count = page.icon.aliases | size %}
{% if icon_alias_count > 0 %}
· Aliases:
{% for alias in page.icon.aliases %}
fa-{{ alias }}{% unless forloop.last %},{% endunless %}
{% endfor %}
{% endif %}
{% if page.icon.url %}· {{ page.icon.url }}{% endif %}
After you get up and running, you can place Font Awesome icons just about anywhere with the <i> tag:
Example of {{ page.icon.id }} fa-{{ page.icon.id }}
{% highlight html %}
{% endhighlight %}
Note: to improve web accessibility, we recommend using aria-hidden="true" to hide icons used purely for decoration.