thanthos/Font-Awesome-Pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Release 5.0.0-beta4

Browse Source
This commit is contained in:
robmadole
2017-08-18 10:05:45 -05:00
committed by Rob Madole
parent 312e55bab8
commit 68f52d94ec
97 changed files with 2600 additions and 9584 deletions
Download Patch File Download Diff File Expand all files Collapse all files

302
docs/svg-framework.html
View File

@@ -7,11 +7,11 @@
<title>SVG Framework Demo - Font Awesome 5</title>
<script defer src="../js/packs/light.js"></script>
<script defer src="../js/packs/regular.js"></script>
<script defer src="../js/packs/solid.js"></script>
<script defer src="../js/packs/brands.js"></script>
<script defer src="../js/fontawesome.js"></script>
<script defer src="../js/packs/light.min.js"></script>
<script defer src="../js/packs/regular.min.js"></script>
<script defer src="../js/packs/solid.min.js"></script>
<script defer src="../js/packs/brands.min.js"></script>
<script defer src="../js/fontawesome.min.js"></script>
<noscript>
<link rel="stylesheet" href="../css/font-awesome-core.css">
@@ -30,7 +30,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-markup.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('[data-example-container]').forEach(function (example) {
_.forEach(document.querySelectorAll('[data-example-container]'), function (example) {
var exampleContainer = document.getElementById(example.getAttribute('data-example-container'))
var indentLevel = example.innerHTML.indexOf('<')
var exampleCode = example.innerHTML.split('\n').map(function (e) { return e.slice(indentLevel - 1) }).join('\n')
@@ -38,7 +38,7 @@
exampleContainer.innerHTML = '<div class="pa3 pre"><code class="mt0" style="color: #afafaf;">' + Prism.highlight(exampleCode, Prism.languages.markup).trim() + '</code></div>'
})
document.querySelectorAll('[data-highlight]').forEach(function (element) {
_.forEach(document.querySelectorAll('[data-highlight]'), function (element) {
var indentLevel = element.innerHTML.indexOf('&lt;')
var exampleCode = _.unescape(element.innerHTML.split('\n').map(function (e) { return e.slice(indentLevel - 1) }).join('\n'))
@@ -143,7 +143,7 @@
<div id="renderings">
<section id="fas" class="mb6">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Solid <span class="pl3 gray5 fr mt1 f3">583 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Solid <span class="pl3 gray5 fr mt1 f3">590 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -2567,6 +2567,42 @@
<span class="mt1 f2 o-30">f315</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-point-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-down</span>
<span class="mt1 f2 o-30">f0a7</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-point-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-left</span>
<span class="mt1 f2 o-30">f0a5</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-point-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-right</span>
<span class="mt1 f2 o-30">f0a4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-point-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-up</span>
<span class="mt1 f2 o-30">f0a6</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hashtag.svg" target="_blank" class="color-inherit link">
@@ -4313,6 +4349,15 @@
<span class="mt1 f2 o-30">f118</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/snowflake.svg" target="_blank" class="color-inherit link">
<i class="fas fa-snowflake"></i>
</a>
<span class="mt1 f2 fw6 gray5">snowflake</span>
<span class="mt1 f2 o-30">f2dc</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/sort.svg" target="_blank" class="color-inherit link">
@@ -4634,7 +4679,7 @@
<i class="fas fa-tablet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</span>
<span class="mt1 f2 o-30">f3ed</span>
<span class="mt1 f2 o-30">f3ee</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -4643,7 +4688,7 @@
<i class="fas fa-tablet-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</span>
<span class="mt1 f2 o-30">f3ee</span>
<span class="mt1 f2 o-30">f3ef</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -4652,7 +4697,25 @@
<i class="fas fa-tablet-android-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android-alt</span>
<span class="mt1 f2 o-30">f3ef</span>
<span class="mt1 f2 o-30">f3f0</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/tachometer.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tachometer"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer</span>
<span class="mt1 f2 o-30">f0e4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/tachometer-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tachometer-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer-alt</span>
<span class="mt1 f2 o-30">f3f1</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -4823,7 +4886,7 @@
<i class="fas fa-ticket-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</span>
<span class="mt1 f2 o-30">f3f1</span>
<span class="mt1 f2 o-30">f3f3</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -5012,7 +5075,7 @@
<i class="fas fa-tv-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</span>
<span class="mt1 f2 o-30">f3f2</span>
<span class="mt1 f2 o-30">f3f4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -5129,7 +5192,7 @@
<i class="fas fa-user-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">f3f6</span>
<span class="mt1 f2 o-30">f3f8</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -5336,7 +5399,7 @@
<i class="fas fa-window"></i>
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">f3fe</span>
<span class="mt1 f2 o-30">f400</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -5345,7 +5408,7 @@
<i class="fas fa-window-close"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">f3ff</span>
<span class="mt1 f2 o-30">f401</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -5397,7 +5460,7 @@
</section>
<section id="far" class="mb6">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Regular <span class="pl3 gray5 fr mt1 f3">583 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Regular <span class="pl3 gray5 fr mt1 f3">590 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -7821,6 +7884,42 @@
<span class="mt1 f2 o-30">f315</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-point-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-down</span>
<span class="mt1 f2 o-30">f0a7</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-point-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-left</span>
<span class="mt1 f2 o-30">f0a5</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-point-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-right</span>
<span class="mt1 f2 o-30">f0a4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-point-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-up</span>
<span class="mt1 f2 o-30">f0a6</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hashtag.svg" target="_blank" class="color-inherit link">
@@ -9567,6 +9666,15 @@
<span class="mt1 f2 o-30">f118</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/snowflake.svg" target="_blank" class="color-inherit link">
<i class="far fa-snowflake"></i>
</a>
<span class="mt1 f2 fw6 gray5">snowflake</span>
<span class="mt1 f2 o-30">f2dc</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/sort.svg" target="_blank" class="color-inherit link">
@@ -9888,7 +9996,7 @@
<i class="far fa-tablet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</span>
<span class="mt1 f2 o-30">f3ed</span>
<span class="mt1 f2 o-30">f3ee</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -9897,7 +10005,7 @@
<i class="far fa-tablet-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</span>
<span class="mt1 f2 o-30">f3ee</span>
<span class="mt1 f2 o-30">f3ef</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -9906,7 +10014,25 @@
<i class="far fa-tablet-android-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android-alt</span>
<span class="mt1 f2 o-30">f3ef</span>
<span class="mt1 f2 o-30">f3f0</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/tachometer.svg" target="_blank" class="color-inherit link">
<i class="far fa-tachometer"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer</span>
<span class="mt1 f2 o-30">f0e4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/tachometer-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-tachometer-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer-alt</span>
<span class="mt1 f2 o-30">f3f1</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -10077,7 +10203,7 @@
<i class="far fa-ticket-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</span>
<span class="mt1 f2 o-30">f3f1</span>
<span class="mt1 f2 o-30">f3f3</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -10266,7 +10392,7 @@
<i class="far fa-tv-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</span>
<span class="mt1 f2 o-30">f3f2</span>
<span class="mt1 f2 o-30">f3f4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -10383,7 +10509,7 @@
<i class="far fa-user-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">f3f6</span>
<span class="mt1 f2 o-30">f3f8</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -10590,7 +10716,7 @@
<i class="far fa-window"></i>
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">f3fe</span>
<span class="mt1 f2 o-30">f400</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -10599,7 +10725,7 @@
<i class="far fa-window-close"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">f3ff</span>
<span class="mt1 f2 o-30">f401</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -10651,7 +10777,7 @@
</section>
<section id="fal" class="mb6">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Light <span class="pl3 gray5 fr mt1 f3">583 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Light <span class="pl3 gray5 fr mt1 f3">590 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -13075,6 +13201,42 @@
<span class="mt1 f2 o-30">f315</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-point-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-down</span>
<span class="mt1 f2 o-30">f0a7</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-point-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-left</span>
<span class="mt1 f2 o-30">f0a5</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-point-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-right</span>
<span class="mt1 f2 o-30">f0a4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-point-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-point-up</span>
<span class="mt1 f2 o-30">f0a6</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hashtag.svg" target="_blank" class="color-inherit link">
@@ -14821,6 +14983,15 @@
<span class="mt1 f2 o-30">f118</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/snowflake.svg" target="_blank" class="color-inherit link">
<i class="fal fa-snowflake"></i>
</a>
<span class="mt1 f2 fw6 gray5">snowflake</span>
<span class="mt1 f2 o-30">f2dc</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/sort.svg" target="_blank" class="color-inherit link">
@@ -15142,7 +15313,7 @@
<i class="fal fa-tablet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</span>
<span class="mt1 f2 o-30">f3ed</span>
<span class="mt1 f2 o-30">f3ee</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15151,7 +15322,7 @@
<i class="fal fa-tablet-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</span>
<span class="mt1 f2 o-30">f3ee</span>
<span class="mt1 f2 o-30">f3ef</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15160,7 +15331,25 @@
<i class="fal fa-tablet-android-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android-alt</span>
<span class="mt1 f2 o-30">f3ef</span>
<span class="mt1 f2 o-30">f3f0</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/tachometer.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tachometer"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer</span>
<span class="mt1 f2 o-30">f0e4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/tachometer-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tachometer-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer-alt</span>
<span class="mt1 f2 o-30">f3f1</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15331,7 +15520,7 @@
<i class="fal fa-ticket-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</span>
<span class="mt1 f2 o-30">f3f1</span>
<span class="mt1 f2 o-30">f3f3</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15520,7 +15709,7 @@
<i class="fal fa-tv-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</span>
<span class="mt1 f2 o-30">f3f2</span>
<span class="mt1 f2 o-30">f3f4</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15637,7 +15826,7 @@
<i class="fal fa-user-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">f3f6</span>
<span class="mt1 f2 o-30">f3f8</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15844,7 +16033,7 @@
<i class="fal fa-window"></i>
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">f3fe</span>
<span class="mt1 f2 o-30">f400</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15853,7 +16042,7 @@
<i class="fal fa-window-close"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">f3ff</span>
<span class="mt1 f2 o-30">f401</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -15905,7 +16094,7 @@
</section>
<section id="fab" class="">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Brands &amp; Logos <span class="pl3 gray5 fr mt1 f3">291 icons</span></h2>
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Brands &amp; Logos <span class="pl3 gray5 fr mt1 f3">292 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18032,13 +18221,22 @@
<span class="mt1 f2 o-30">f3ea</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/sticker-mule.svg" target="_blank" class="color-inherit link">
<i class="fab fa-sticker-mule"></i>
</a>
<span class="mt1 f2 fw6 gray5">sticker-mule</span>
<span class="mt1 f2 o-30">f3eb</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/studiovinari.svg" target="_blank" class="color-inherit link">
<i class="fab fa-studiovinari"></i>
</a>
<span class="mt1 f2 fw6 gray5">studiovinari</span>
<span class="mt1 f2 o-30">f3eb</span>
<span class="mt1 f2 o-30">f3ec</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18074,7 +18272,7 @@
<i class="fab fa-supple"></i>
</a>
<span class="mt1 f2 fw6 gray5">supple</span>
<span class="mt1 f2 o-30">f3ec</span>
<span class="mt1 f2 o-30">f3ed</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18092,7 +18290,7 @@
<i class="fab fa-telegram-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">telegram-plane</span>
<span class="mt1 f2 o-30">f3f0</span>
<span class="mt1 f2 o-30">f3f2</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18182,7 +18380,7 @@
<i class="fab fa-uber"></i>
</a>
<span class="mt1 f2 fw6 gray5">uber</span>
<span class="mt1 f2 o-30">f3f3</span>
<span class="mt1 f2 o-30">f3f5</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18191,7 +18389,7 @@
<i class="fab fa-uikit"></i>
</a>
<span class="mt1 f2 fw6 gray5">uikit</span>
<span class="mt1 f2 o-30">f3f4</span>
<span class="mt1 f2 o-30">f3f6</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18200,7 +18398,7 @@
<i class="fab fa-untappd"></i>
</a>
<span class="mt1 f2 fw6 gray5">untappd</span>
<span class="mt1 f2 o-30">f3f5</span>
<span class="mt1 f2 o-30">f3f7</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18218,7 +18416,7 @@
<i class="fab fa-ussunnah"></i>
</a>
<span class="mt1 f2 fw6 gray5">ussunnah</span>
<span class="mt1 f2 o-30">f3f7</span>
<span class="mt1 f2 o-30">f3f9</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18227,7 +18425,7 @@
<i class="fab fa-vaadin"></i>
</a>
<span class="mt1 f2 fw6 gray5">vaadin</span>
<span class="mt1 f2 o-30">f3f8</span>
<span class="mt1 f2 o-30">f3fa</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18263,7 +18461,7 @@
<i class="fab fa-viber"></i>
</a>
<span class="mt1 f2 fw6 gray5">viber</span>
<span class="mt1 f2 o-30">f3f9</span>
<span class="mt1 f2 o-30">f3fb</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18272,7 +18470,7 @@
<i class="fab fa-vimeo"></i>
</a>
<span class="mt1 f2 fw6 gray5">vimeo</span>
<span class="mt1 f2 o-30">f3fa</span>
<span class="mt1 f2 o-30">f3fc</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18317,7 +18515,7 @@
<i class="fab fa-vnv"></i>
</a>
<span class="mt1 f2 fw6 gray5">vnv</span>
<span class="mt1 f2 o-30">f3fb</span>
<span class="mt1 f2 o-30">f3fd</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18353,7 +18551,7 @@
<i class="fab fa-whatsapp-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">whatsapp-square</span>
<span class="mt1 f2 o-30">f3fc</span>
<span class="mt1 f2 o-30">f3fe</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18362,7 +18560,7 @@
<i class="fab fa-whmcs"></i>
</a>
<span class="mt1 f2 fw6 gray5">whmcs</span>
<span class="mt1 f2 o-30">f3fd</span>
<span class="mt1 f2 o-30">f3ff</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18398,7 +18596,7 @@
<i class="fab fa-wordpress-simple"></i>
</a>
<span class="mt1 f2 fw6 gray5">wordpress-simple</span>
<span class="mt1 f2 o-30">f400</span>
<span class="mt1 f2 o-30">f402</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18434,7 +18632,7 @@
<i class="fab fa-xbox"></i>
</a>
<span class="mt1 f2 fw6 gray5">xbox</span>
<span class="mt1 f2 o-30">f401</span>
<span class="mt1 f2 o-30">f403</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18479,7 +18677,7 @@
<i class="fab fa-yandex"></i>
</a>
<span class="mt1 f2 fw6 gray5">yandex</span>
<span class="mt1 f2 o-30">f402</span>
<span class="mt1 f2 o-30">f404</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">
@@ -18488,7 +18686,7 @@
<i class="fab fa-yandex-international"></i>
</a>
<span class="mt1 f2 fw6 gray5">yandex-international</span>
<span class="mt1 f2 o-30">f403</span>
<span class="mt1 f2 o-30">f405</span>
</div>
</li>
<li class="ma0 pa3 w-50 w-third-m w-20-l link hover-bg-white br2">