Fork-Awesome/src/cheatsheet.html
Ryan McGeary 291d0072e0 Added version indicators for new icons to cheatsheet
If an icon is newer than the current major version, show a version badge
to indicate which version of FontAwesome this icon was added.
2015-07-28 14:52:04 -07:00

36 lines
1.4 KiB
HTML

---
layout: base
title: Font Awesome Cheatsheet
relative_path: ../
---
{% capture jumbotron_h1 %}<i class="fa fa-list-ul"></i>&nbsp; Cheatsheet{% endcapture %}
{% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %}
{% include jumbotron.html %}
{% include stripe-social.html %}
<div class="container">
{% capture stripe_ad_content %}
<p class="lead">
Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf, set it as the font in your application, and copy and paste the icons (not the unicode) directly from this page into your designs.
</p>
{% endcapture %}
{% include stripe-ad.html %}
<h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, &amp; Unicode</h2>
<div class="row">
{% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}
{% for icon in sorted_icons %}
<div class="col-md-4 col-sm-6 col-lg-3">
{% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %}
<i class="fa fa-fw">&#x{{ icon.unicode }}</i>
fa-{{ icon.class }}
{% if icon.alias_of %} <span class="text-muted">(alias)</span>{% endif %}
<span class="text-muted">[&amp;#x{{ icon.unicode }};]</span>
</div>
{% endfor %}
</div>
</div>