--- layout: base title_suffix: Fork Awesome Icons relative_path: ../../ ---
Example of {{ page.icon.id }} at 6x   Example of {{ page.icon.id }} at 5x    Example of {{ page.icon.id }} at 4x    Example of {{ page.icon.id }} at 3x    Example of {{ page.icon.id }} at 2x   Example 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 {{ site.forkawesome.name }} 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.

Looking for more? Check out the examples.