font-awesome-cheatsheet-4x.html

---
layout: base_search
permalink: /font-awesome-cheatsheet-4x/
title: Font Awesome Cheatsheet v4.7
description: This is a simple cheatsheet for Font Awesome v4.7. You can copy code and unicode by one click
keywords: Fontawesome, font awesome, cheatsheet, v4.7
---

<link rel="stylesheet" href="{{ page.relative_path }}/assets/font-awesome/css/font-awesome.min.css" />
<table id="icons" class="table table-striped table-bordered">
    <thead>
        <tr>
            <th>Icon</th>
            <th>Name</th>
            <th>Class</th>
            <th>Code</th>
            <th>Unicode</th>
            <th>Categories</th>
            <th>Aliases</th>
            <th>Created in version</th>
        </tr>
    </thead>

    <tfoot>
        <tr>
            <th>Icon</th>
            <th>Name</th>
            <th>Class</th>
            <th>Code</th>
            <th>Unicode</th>
            <th>Categories</th>
            <th>Aliases</th>
            <th>Created in version</th>
        </tr>
    </tfoot>
    <tbody>
        {% for icon in site.data.icons %}
            <tr>
                <td><i class="fa fa-{{ icon.id }}"></i></td>
                <td>{{ icon.name }}</td>
                <td>{{ icon.id }}</td>
                <td>
                    <pre><code class="highlight" data-lang="html" data-to-copy-html='<i class="fa fa-{{ icon.id }}"></i>' ><span class="nt">&lt;i </span><span class="na">class=</span><span class="s">"fa fa-{{ icon.id }}"</span><span class="nt">&gt;</span><span class="nt">&lt;/i</span><span class="nt">&gt;</span></code></pre>
                </td>
                <td class="copy-unicode" data-to-copy-html="{{ icon.unicode }}">{{ icon.unicode }}</td>
                <td>{{ icon.categories }}</td>
                <td>
                    {% assign my_array = icon.filter %}
                    {% for tag in my_array %}
                        {{ tag }}
                    {% endfor %}
                </td>
                <td>{{ icon.created }}</td>
            </tr>
        {% endfor %}
    </tbody>
</table>