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

16
docs/index.html
View File

@@ -7,11 +7,11 @@
<title>Getting Started - 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'))
@@ -712,7 +712,7 @@
<h2 class="mt0 mb2 b f5">Questions? Comments? Feedback?</h2>
<p class="mv0 f3 lh-copy gray7">
We're still in beta land with Font Awesome 5, so we need your help. Please provide <a href="https://github.com/FortAwesome/Font-Awesome-Pro/issues/594" class="link blue4 underline-hover hover-blue" target="_blank">feedback about this release specifically in our designated thread</a>. Design feedback, bugs and questions are welcome there. For future feature and icon requests, check out <a href="https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/CONTRIBUTING.md" class="link blue4 underline-hover hover-blue" target="_blank">our contributing doc</a>.
We're still in beta land with Font Awesome 5, so we need your help. Please provide <a href="https://github.com/FortAwesome/Font-Awesome-Pro/issues/601" class="link blue4 underline-hover hover-blue" target="_blank">feedback about this release specifically in our designated thread</a>. Design feedback, bugs and questions are welcome there. For future feature and icon requests, check out <a href="https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/CONTRIBUTING.md" class="link blue4 underline-hover hover-blue" target="_blank">our contributing doc</a>.
</p>
</section>

200
docs/inventory.html
View File

@@ -7,11 +7,11 @@
<title>Inventory - 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'))
@@ -116,12 +116,12 @@
<div class="ph4 ph6-ns pv6">
<h1 class="mt0 mb6 b f6">
<span class="db gray5 mb2 f3 fw6">As of 8/15/2017</span><span class="sr-only">:</span>
<span class="db gray5 mb2 f3 fw6">As of 8/18/2017</span><span class="sr-only">:</span>
All Font Awesome 5 Icons
</h1>
<section id="fas" class="mb7">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Solid <span class="pl3 gray5 fr">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">590 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
@@ -2276,6 +2276,38 @@
<span class="ml2 f2 gray5 fw6">h3</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-left</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-right</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hashtag.svg" target="_blank" class="color-inherit link">
@@ -3828,6 +3860,14 @@
<span class="ml2 f2 gray5 fw6">smile</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">snowflake</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/sort.svg" target="_blank" class="color-inherit link">
@@ -4132,6 +4172,22 @@
<span class="ml2 f2 gray5 fw6">tablet-android-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/tag.svg" target="_blank" class="color-inherit link">
@@ -4792,7 +4848,7 @@
</section>
<section id="far" class="mb7">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Regular <span class="pl3 gray5 fr">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">590 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
@@ -6947,6 +7003,38 @@
<span class="ml2 f2 gray5 fw6">h3</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-left</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-right</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hashtag.svg" target="_blank" class="color-inherit link">
@@ -8499,6 +8587,14 @@
<span class="ml2 f2 gray5 fw6">smile</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">snowflake</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/sort.svg" target="_blank" class="color-inherit link">
@@ -8803,6 +8899,22 @@
<span class="ml2 f2 gray5 fw6">tablet-android-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/tag.svg" target="_blank" class="color-inherit link">
@@ -9463,7 +9575,7 @@
</section>
<section id="fal" class="mb7">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Light <span class="pl3 gray5 fr">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">590 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
@@ -11618,6 +11730,38 @@
<span class="ml2 f2 gray5 fw6">h3</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-left</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-right</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hashtag.svg" target="_blank" class="color-inherit link">
@@ -13170,6 +13314,14 @@
<span class="ml2 f2 gray5 fw6">smile</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">snowflake</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/sort.svg" target="_blank" class="color-inherit link">
@@ -13474,6 +13626,22 @@
<span class="ml2 f2 gray5 fw6">tablet-android-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/tag.svg" target="_blank" class="color-inherit link">
@@ -14134,7 +14302,7 @@
</section>
<section id="fab">
<h2 class="mt0 mb3 pb3 bb bw1 b--gray1 f4 fw6 gray7 vf">Font Awesome 5 Brands &amp; Logos <span class="pl3 gray5 fr">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">292 icons</span></h2>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
@@ -16025,6 +16193,14 @@
<span class="ml2 f2 gray5 fw6">steam-symbol</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">sticker-mule</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/studiovinari.svg" target="_blank" class="color-inherit link">

282
docs/recent.html
View File

@@ -7,11 +7,11 @@
<title>Recent Icons Added/Edited - 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">
@@ -98,6 +98,230 @@
<section id="recent" class="">
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thumbs-up min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-thumbs-up min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thumbs-up min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thumbs-down min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-thumbs-down min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thumbs-down min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer-alt</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">tachometer</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">snowflake</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">snowflake</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">snowflake</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-right</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-right</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-right</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-left</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-left</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-left</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">hand-point-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<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 min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">sticker-mule</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/umbrella.svg" target="_blank" class="color-inherit link">
@@ -5874,54 +6098,6 @@
<span class="ml2 f2 gray5 fw6">times</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thumbs-up min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-thumbs-up min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thumbs-up min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-up</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thumbs-down min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-thumbs-down min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thumbs-down min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">thumbs-down</span>
</div>
</li>
<li class="ma0 pa3 w-third w-20-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/th-list.svg" target="_blank" class="color-inherit link">

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">

336
docs/svg-sprite.html
View File

@@ -16,7 +16,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')
@@ -24,7 +24,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'))
@@ -148,7 +148,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">
@@ -3110,6 +3110,50 @@
<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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-down.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/solid.svg#hand-point-down"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-left.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/solid.svg#hand-point-left"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-right.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/solid.svg#hand-point-right"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hand-point-up.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/solid.svg#hand-point-up"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/hashtag.svg" target="_blank" class="color-inherit link">
@@ -5244,6 +5288,17 @@
<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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/snowflake.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/solid.svg#snowflake"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/sort.svg" target="_blank" class="color-inherit link">
@@ -5637,7 +5692,7 @@
</svg>
</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">
@@ -5648,7 +5703,7 @@
</svg>
</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">
@@ -5659,7 +5714,29 @@
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/tachometer.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/solid.svg#tachometer"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/tachometer-alt.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/solid.svg#tachometer-alt"></use>
</svg>
</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">
@@ -5868,7 +5945,7 @@
</svg>
</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">
@@ -6099,7 +6176,7 @@
</svg>
</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">
@@ -6242,7 +6319,7 @@
</svg>
</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">
@@ -6495,7 +6572,7 @@
</svg>
</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">
@@ -6506,7 +6583,7 @@
</svg>
</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">
@@ -6568,7 +6645,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">
@@ -9530,6 +9607,50 @@
<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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-down.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/regular.svg#hand-point-down"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-left.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/regular.svg#hand-point-left"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-right.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/regular.svg#hand-point-right"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hand-point-up.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/regular.svg#hand-point-up"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/hashtag.svg" target="_blank" class="color-inherit link">
@@ -11664,6 +11785,17 @@
<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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/snowflake.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/regular.svg#snowflake"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/sort.svg" target="_blank" class="color-inherit link">
@@ -12057,7 +12189,7 @@
</svg>
</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">
@@ -12068,7 +12200,7 @@
</svg>
</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">
@@ -12079,7 +12211,29 @@
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/tachometer.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/regular.svg#tachometer"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/tachometer-alt.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/regular.svg#tachometer-alt"></use>
</svg>
</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">
@@ -12288,7 +12442,7 @@
</svg>
</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">
@@ -12519,7 +12673,7 @@
</svg>
</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">
@@ -12662,7 +12816,7 @@
</svg>
</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">
@@ -12915,7 +13069,7 @@
</svg>
</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">
@@ -12926,7 +13080,7 @@
</svg>
</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">
@@ -12988,7 +13142,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">
@@ -15950,6 +16104,50 @@
<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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-down.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/light.svg#hand-point-down"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-left.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/light.svg#hand-point-left"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-right.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/light.svg#hand-point-right"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hand-point-up.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/light.svg#hand-point-up"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/hashtag.svg" target="_blank" class="color-inherit link">
@@ -18084,6 +18282,17 @@
<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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/snowflake.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/light.svg#snowflake"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/sort.svg" target="_blank" class="color-inherit link">
@@ -18477,7 +18686,7 @@
</svg>
</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">
@@ -18488,7 +18697,7 @@
</svg>
</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">
@@ -18499,7 +18708,29 @@
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/tachometer.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/light.svg#tachometer"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/tachometer-alt.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/light.svg#tachometer-alt"></use>
</svg>
</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">
@@ -18708,7 +18939,7 @@
</svg>
</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">
@@ -18939,7 +19170,7 @@
</svg>
</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">
@@ -19082,7 +19313,7 @@
</svg>
</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">
@@ -19335,7 +19566,7 @@
</svg>
</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">
@@ -19346,7 +19577,7 @@
</svg>
</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">
@@ -19408,7 +19639,7 @@
</section>
<section id="fab">
<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">
@@ -22007,6 +22238,17 @@
<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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/sticker-mule.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#sticker-mule"></use>
</svg>
</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">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/studiovinari.svg" target="_blank" class="color-inherit link">
@@ -22015,7 +22257,7 @@
</svg>
</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">
@@ -22059,7 +22301,7 @@
</svg>
</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">
@@ -22081,7 +22323,7 @@
</svg>
</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">
@@ -22191,7 +22433,7 @@
</svg>
</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">
@@ -22202,7 +22444,7 @@
</svg>
</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">
@@ -22213,7 +22455,7 @@
</svg>
</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">
@@ -22235,7 +22477,7 @@
</svg>
</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">
@@ -22246,7 +22488,7 @@
</svg>
</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">
@@ -22290,7 +22532,7 @@
</svg>
</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">
@@ -22301,7 +22543,7 @@
</svg>
</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">
@@ -22356,7 +22598,7 @@
</svg>
</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">
@@ -22400,7 +22642,7 @@
</svg>
</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">
@@ -22411,7 +22653,7 @@
</svg>
</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">
@@ -22455,7 +22697,7 @@
</svg>
</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">
@@ -22499,7 +22741,7 @@
</svg>
</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">
@@ -22554,7 +22796,7 @@
</svg>
</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">
@@ -22565,7 +22807,7 @@
</svg>
</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">

440
docs/webfont.html
View File

@@ -22,7 +22,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')
@@ -30,7 +30,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'))
@@ -129,7 +129,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">
@@ -3360,6 +3360,54 @@
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a7;</i></span>
<span class="dib v-mid">f0a7</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a5;</i></span>
<span class="dib v-mid">f0a5</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a4;</i></span>
<span class="dib v-mid">f0a4</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a6;</i></span>
<span class="dib v-mid">f0a6</span>
</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" style="line-height: 0.65;">
@@ -5688,6 +5736,18 @@
</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" style="line-height: 0.65;">
<i class="fas fa-snowflake"></i>
</a>
<span class="mt1 f2 fw6 gray5">snowflake</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf2dc;</i></span>
<span class="dib v-mid">f2dc</span>
</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" style="line-height: 0.65;">
@@ -6115,8 +6175,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ed;</i></span>
<span class="dib v-mid">f3ed</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ee;</i></span>
<span class="dib v-mid">f3ee</span>
</span>
</div>
</li>
@@ -6127,8 +6187,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ee;</i></span>
<span class="dib v-mid">f3ee</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ef;</i></span>
<span class="dib v-mid">f3ef</span>
</span>
</div>
</li>
@@ -6139,8 +6199,32 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-android-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ef;</i></span>
<span class="dib v-mid">f3ef</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f0;</i></span>
<span class="dib v-mid">f3f0</span>
</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" style="line-height: 0.65;">
<i class="fas fa-tachometer"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0e4;</i></span>
<span class="dib v-mid">f0e4</span>
</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" style="line-height: 0.65;">
<i class="fas fa-tachometer-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f1;</i></span>
<span class="dib v-mid">f3f1</span>
</span>
</div>
</li>
@@ -6367,8 +6451,8 @@
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f1;</i></span>
<span class="dib v-mid">f3f1</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f3;</i></span>
<span class="dib v-mid">f3f3</span>
</span>
</div>
</li>
@@ -6619,8 +6703,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f2;</i></span>
<span class="dib v-mid">f3f2</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f4;</i></span>
<span class="dib v-mid">f3f4</span>
</span>
</div>
</li>
@@ -6775,8 +6859,8 @@
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f6;</i></span>
<span class="dib v-mid">f3f6</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f8;</i></span>
<span class="dib v-mid">f3f8</span>
</span>
</div>
</li>
@@ -7051,8 +7135,8 @@
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3fe;</i></span>
<span class="dib v-mid">f3fe</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf400;</i></span>
<span class="dib v-mid">f400</span>
</span>
</div>
</li>
@@ -7063,8 +7147,8 @@
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ff;</i></span>
<span class="dib v-mid">f3ff</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf401;</i></span>
<span class="dib v-mid">f401</span>
</span>
</div>
</li>
@@ -7132,7 +7216,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">
@@ -10363,6 +10447,54 @@
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a7;</i></span>
<span class="dib v-mid">f0a7</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a5;</i></span>
<span class="dib v-mid">f0a5</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a4;</i></span>
<span class="dib v-mid">f0a4</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a6;</i></span>
<span class="dib v-mid">f0a6</span>
</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" style="line-height: 0.65;">
@@ -12691,6 +12823,18 @@
</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" style="line-height: 0.65;">
<i class="far fa-snowflake"></i>
</a>
<span class="mt1 f2 fw6 gray5">snowflake</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf2dc;</i></span>
<span class="dib v-mid">f2dc</span>
</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" style="line-height: 0.65;">
@@ -13118,8 +13262,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ed;</i></span>
<span class="dib v-mid">f3ed</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ee;</i></span>
<span class="dib v-mid">f3ee</span>
</span>
</div>
</li>
@@ -13130,8 +13274,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ee;</i></span>
<span class="dib v-mid">f3ee</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ef;</i></span>
<span class="dib v-mid">f3ef</span>
</span>
</div>
</li>
@@ -13142,8 +13286,32 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-android-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ef;</i></span>
<span class="dib v-mid">f3ef</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f0;</i></span>
<span class="dib v-mid">f3f0</span>
</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" style="line-height: 0.65;">
<i class="far fa-tachometer"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0e4;</i></span>
<span class="dib v-mid">f0e4</span>
</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" style="line-height: 0.65;">
<i class="far fa-tachometer-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f1;</i></span>
<span class="dib v-mid">f3f1</span>
</span>
</div>
</li>
@@ -13370,8 +13538,8 @@
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f1;</i></span>
<span class="dib v-mid">f3f1</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f3;</i></span>
<span class="dib v-mid">f3f3</span>
</span>
</div>
</li>
@@ -13622,8 +13790,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f2;</i></span>
<span class="dib v-mid">f3f2</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f4;</i></span>
<span class="dib v-mid">f3f4</span>
</span>
</div>
</li>
@@ -13778,8 +13946,8 @@
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f6;</i></span>
<span class="dib v-mid">f3f6</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f8;</i></span>
<span class="dib v-mid">f3f8</span>
</span>
</div>
</li>
@@ -14054,8 +14222,8 @@
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3fe;</i></span>
<span class="dib v-mid">f3fe</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf400;</i></span>
<span class="dib v-mid">f400</span>
</span>
</div>
</li>
@@ -14066,8 +14234,8 @@
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ff;</i></span>
<span class="dib v-mid">f3ff</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf401;</i></span>
<span class="dib v-mid">f401</span>
</span>
</div>
</li>
@@ -14135,7 +14303,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">
@@ -17366,6 +17534,54 @@
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a7;</i></span>
<span class="dib v-mid">f0a7</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a5;</i></span>
<span class="dib v-mid">f0a5</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a4;</i></span>
<span class="dib v-mid">f0a4</span>
</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" style="line-height: 0.65;">
<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">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0a6;</i></span>
<span class="dib v-mid">f0a6</span>
</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" style="line-height: 0.65;">
@@ -19694,6 +19910,18 @@
</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" style="line-height: 0.65;">
<i class="fal fa-snowflake"></i>
</a>
<span class="mt1 f2 fw6 gray5">snowflake</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf2dc;</i></span>
<span class="dib v-mid">f2dc</span>
</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" style="line-height: 0.65;">
@@ -20121,8 +20349,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ed;</i></span>
<span class="dib v-mid">f3ed</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ee;</i></span>
<span class="dib v-mid">f3ee</span>
</span>
</div>
</li>
@@ -20133,8 +20361,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ee;</i></span>
<span class="dib v-mid">f3ee</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ef;</i></span>
<span class="dib v-mid">f3ef</span>
</span>
</div>
</li>
@@ -20145,8 +20373,32 @@
</a>
<span class="mt1 f2 fw6 gray5">tablet-android-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ef;</i></span>
<span class="dib v-mid">f3ef</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f0;</i></span>
<span class="dib v-mid">f3f0</span>
</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" style="line-height: 0.65;">
<i class="fal fa-tachometer"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf0e4;</i></span>
<span class="dib v-mid">f0e4</span>
</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" style="line-height: 0.65;">
<i class="fal fa-tachometer-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tachometer-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f1;</i></span>
<span class="dib v-mid">f3f1</span>
</span>
</div>
</li>
@@ -20373,8 +20625,8 @@
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f1;</i></span>
<span class="dib v-mid">f3f1</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f3;</i></span>
<span class="dib v-mid">f3f3</span>
</span>
</div>
</li>
@@ -20625,8 +20877,8 @@
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f2;</i></span>
<span class="dib v-mid">f3f2</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f4;</i></span>
<span class="dib v-mid">f3f4</span>
</span>
</div>
</li>
@@ -20781,8 +21033,8 @@
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f6;</i></span>
<span class="dib v-mid">f3f6</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf3f8;</i></span>
<span class="dib v-mid">f3f8</span>
</span>
</div>
</li>
@@ -21057,8 +21309,8 @@
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3fe;</i></span>
<span class="dib v-mid">f3fe</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf400;</i></span>
<span class="dib v-mid">f400</span>
</span>
</div>
</li>
@@ -21069,8 +21321,8 @@
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="far v-base">&#xf3ff;</i></span>
<span class="dib v-mid">f3ff</span>
<span class="dib v-mid mr1"><i class="far v-base">&#xf401;</i></span>
<span class="dib v-mid">f401</span>
</span>
</div>
</li>
@@ -21138,7 +21390,7 @@
</section>
<section id="fab">
<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">
@@ -23973,6 +24225,18 @@
</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" style="line-height: 0.65;">
<i class="fab fa-sticker-mule"></i>
</a>
<span class="mt1 f2 fw6 gray5">sticker-mule</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3eb;</i></span>
<span class="dib v-mid">f3eb</span>
</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" style="line-height: 0.65;">
@@ -23980,8 +24244,8 @@
</a>
<span class="mt1 f2 fw6 gray5">studiovinari</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3eb;</i></span>
<span class="dib v-mid">f3eb</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3ec;</i></span>
<span class="dib v-mid">f3ec</span>
</span>
</div>
</li>
@@ -24028,8 +24292,8 @@
</a>
<span class="mt1 f2 fw6 gray5">supple</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3ec;</i></span>
<span class="dib v-mid">f3ec</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3ed;</i></span>
<span class="dib v-mid">f3ed</span>
</span>
</div>
</li>
@@ -24052,8 +24316,8 @@
</a>
<span class="mt1 f2 fw6 gray5">telegram-plane</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f0;</i></span>
<span class="dib v-mid">f3f0</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f2;</i></span>
<span class="dib v-mid">f3f2</span>
</span>
</div>
</li>
@@ -24172,8 +24436,8 @@
</a>
<span class="mt1 f2 fw6 gray5">uber</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f3;</i></span>
<span class="dib v-mid">f3f3</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f5;</i></span>
<span class="dib v-mid">f3f5</span>
</span>
</div>
</li>
@@ -24184,8 +24448,8 @@
</a>
<span class="mt1 f2 fw6 gray5">uikit</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f4;</i></span>
<span class="dib v-mid">f3f4</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f6;</i></span>
<span class="dib v-mid">f3f6</span>
</span>
</div>
</li>
@@ -24196,8 +24460,8 @@
</a>
<span class="mt1 f2 fw6 gray5">untappd</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f5;</i></span>
<span class="dib v-mid">f3f5</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f7;</i></span>
<span class="dib v-mid">f3f7</span>
</span>
</div>
</li>
@@ -24220,8 +24484,8 @@
</a>
<span class="mt1 f2 fw6 gray5">ussunnah</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f7;</i></span>
<span class="dib v-mid">f3f7</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f9;</i></span>
<span class="dib v-mid">f3f9</span>
</span>
</div>
</li>
@@ -24232,8 +24496,8 @@
</a>
<span class="mt1 f2 fw6 gray5">vaadin</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f8;</i></span>
<span class="dib v-mid">f3f8</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fa;</i></span>
<span class="dib v-mid">f3fa</span>
</span>
</div>
</li>
@@ -24280,8 +24544,8 @@
</a>
<span class="mt1 f2 fw6 gray5">viber</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3f9;</i></span>
<span class="dib v-mid">f3f9</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fb;</i></span>
<span class="dib v-mid">f3fb</span>
</span>
</div>
</li>
@@ -24292,8 +24556,8 @@
</a>
<span class="mt1 f2 fw6 gray5">vimeo</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fa;</i></span>
<span class="dib v-mid">f3fa</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fc;</i></span>
<span class="dib v-mid">f3fc</span>
</span>
</div>
</li>
@@ -24352,8 +24616,8 @@
</a>
<span class="mt1 f2 fw6 gray5">vnv</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fb;</i></span>
<span class="dib v-mid">f3fb</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fd;</i></span>
<span class="dib v-mid">f3fd</span>
</span>
</div>
</li>
@@ -24400,8 +24664,8 @@
</a>
<span class="mt1 f2 fw6 gray5">whatsapp-square</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fc;</i></span>
<span class="dib v-mid">f3fc</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fe;</i></span>
<span class="dib v-mid">f3fe</span>
</span>
</div>
</li>
@@ -24412,8 +24676,8 @@
</a>
<span class="mt1 f2 fw6 gray5">whmcs</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3fd;</i></span>
<span class="dib v-mid">f3fd</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3ff;</i></span>
<span class="dib v-mid">f3ff</span>
</span>
</div>
</li>
@@ -24460,8 +24724,8 @@
</a>
<span class="mt1 f2 fw6 gray5">wordpress-simple</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf400;</i></span>
<span class="dib v-mid">f400</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf402;</i></span>
<span class="dib v-mid">f402</span>
</span>
</div>
</li>
@@ -24508,8 +24772,8 @@
</a>
<span class="mt1 f2 fw6 gray5">xbox</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf401;</i></span>
<span class="dib v-mid">f401</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf403;</i></span>
<span class="dib v-mid">f403</span>
</span>
</div>
</li>
@@ -24568,8 +24832,8 @@
</a>
<span class="mt1 f2 fw6 gray5">yandex</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf402;</i></span>
<span class="dib v-mid">f402</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf404;</i></span>
<span class="dib v-mid">f404</span>
</span>
</div>
</li>
@@ -24580,8 +24844,8 @@
</a>
<span class="mt1 f2 fw6 gray5">yandex-international</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf403;</i></span>
<span class="dib v-mid">f403</span>
<span class="dib v-mid mr1"><i class="fab v-base">&#xf405;</i></span>
<span class="dib v-mid">f405</span>
</span>
</div>
</li>