font-awesome-cheatsheet-5x.html

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

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.1/css/all.css" integrity="sha384-wxqG4glGB3nlqX0bi23nmgwCSjWIW13BdLUEYC4VIMehfbcro/ATkyDsF/AbIOVe" crossorigin="anonymous">
<table id="icons" class="table table-striped table-bordered fa-5">
    <thead>
        <tr>
            <th>Icon</th>
            <th>Name</th>
            <th>Class</th>
            <th>Code</th>
            <th>Unicode</th>
            <th>Search</th>
            <th>Changed in Version</th>
        </tr>
    </thead>

    <tfoot>
        <tr>
            <th>Icon</th>
            <th>Name</th>
            <th>Class</th>
            <th>Code</th>
            <th>Unicode</th>
            <th>Search</th>
            <th>Changed in Version</th>
        </tr>
    </tfoot>
    <tbody>
        {% for icon in site.data.icons50 %}
            {% assign style = icon[1].styles %}
            {% case style[0] %}
                {% when 'brands' %}
                    {% assign prefix = 'fab' %}
                {% when 'solid' %}
                    {% assign prefix = 'fas' %}
                {% when 'regular' %}
                    {% assign prefix = 'far' %}
                {% when 'light' %}
                    {% assign prefix = 'fal' %}
                {% when 'duotone' %}
                    {% assign prefix = 'fad' %}
                {% else %}
                {% assign prefix = 'fa' %}
            {% endcase %}

           <tr>
                <td><i class="{{ prefix }} fa-{{ icon[0] }}"></i></td>
                <td>{{ icon[1].label }}</td>
                <td>{{ icon[0] }}</td>
                <td>
                    <pre><code class="highlight" data-lang="html" data-to-copy-html='<i class="{{ prefix }} fa-{{ icon[0] }}"></i>' ><span class="nt">&lt;i </span><span class="na">class=</span><span class="s">"{{ prefix }} fa-{{ icon[0] }}"</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[1].unicode }}">{{ icon[1].unicode }}</td>
                <td>
                    {% assign my_array = icon[1].search.terms %}
                    {% for tag in my_array %}
                        <span>{{ tag }} </span>
                    {% endfor %}
                </td>
                <td>
                    {% assign versions = icon[1].changes %}
                    {% for version in versions %}
                        <span>{{ version }} </span>
                    {% endfor %}
                </td>
            </tr>
        {% endfor %}
    </tbody>
</table>