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

Release 5.0.0-rc3

Browse Source
This commit is contained in:
robmadole
2017-10-13 16:29:14 -05:00
committed by Rob Madole
parent b83b91baee
commit 69bf7f96a1
86 changed files with 2172 additions and 1115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@@ -712,7 +712,7 @@
<h2 class="mt0 mb2 b f5">Questions? Comments? Feedback?</h2>
<p class="mv0 f3 lh-copy gray7">
We're working on a release candidate of Font Awesome 5, so we need your help. Please provide <a href="https://github.com/FortAwesome/Font-Awesome-Pro/issues/741" 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 working on a release candidate of Font Awesome 5, so we need your help. Please provide <a href="https://github.com/FortAwesome/Font-Awesome-Pro/issues/789" 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>

60
docs/inventory.html
View File

@@ -116,7 +116,7 @@
<div class="ph4 ph6-ns pv6">
<h1 class="mt0 mb6 b f6">
<span class="db gray5 mb2 f3 fw6">As of 9/22/2017</span><span class="sr-only">:</span>
<span class="db gray5 mb2 f3 fw6">As of 10/13/2017</span><span class="sr-only">:</span>
All Font Awesome 5 Icons
</h1>
@@ -14950,7 +14950,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">300 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">307 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">
@@ -15081,6 +15081,14 @@
<span class="ml2 f2 gray5 fw6">apple</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/apple-pay.svg" target="_blank" class="color-inherit link">
<i class="fab fa-apple-pay min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">apple-pay</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/asymmetrik.svg" target="_blank" class="color-inherit link">
@@ -15249,6 +15257,14 @@
<span class="ml2 f2 gray5 fw6">cc-amex</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/cc-apple-pay.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-apple-pay min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">cc-apple-pay</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/cc-diners-club.svg" target="_blank" class="color-inherit link">
@@ -15689,6 +15705,14 @@
<span class="ml2 f2 gray5 fw6">flickr</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/fly.svg" target="_blank" class="color-inherit link">
<i class="fab fa-fly min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">fly</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/font-awesome.svg" target="_blank" class="color-inherit link">
@@ -16361,6 +16385,22 @@
<span class="ml2 f2 gray5 fw6">nintendo-switch</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/node.svg" target="_blank" class="color-inherit link">
<i class="fab fa-node min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">node</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/node-js.svg" target="_blank" class="color-inherit link">
<i class="fab fa-node-js min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">node-js</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/npm.svg" target="_blank" class="color-inherit link">
@@ -16433,6 +16473,14 @@
<span class="ml2 f2 gray5 fw6">optin-monster</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/osi.svg" target="_blank" class="color-inherit link">
<i class="fab fa-osi min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">osi</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/page4.svg" target="_blank" class="color-inherit link">
@@ -16601,6 +16649,14 @@
<span class="ml2 f2 gray5 fw6">ravelry</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/react.svg" target="_blank" class="color-inherit link">
<i class="fab fa-react min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">react</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/rebel.svg" target="_blank" class="color-inherit link">

168
docs/recent.html
View File

@@ -98,6 +98,118 @@
<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/solid/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-utensils-alt min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">utensils-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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-utensils-alt min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">utensils-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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-utensils-alt min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">utensils-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/brands/react.svg" target="_blank" class="color-inherit link">
<i class="fab fa-react min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">react</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/google-plus-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-plus-square min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">google-plus-square</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/aws.svg" target="_blank" class="color-inherit link">
<i class="fab fa-aws min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">aws</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/app-store-ios.svg" target="_blank" class="color-inherit link">
<i class="fab fa-app-store-ios min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">app-store-ios</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/app-store.svg" target="_blank" class="color-inherit link">
<i class="fab fa-app-store min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">app-store</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/osi.svg" target="_blank" class="color-inherit link">
<i class="fab fa-osi min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">osi</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/node.svg" target="_blank" class="color-inherit link">
<i class="fab fa-node min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">node</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/node-js.svg" target="_blank" class="color-inherit link">
<i class="fab fa-node-js min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">node-js</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/fly.svg" target="_blank" class="color-inherit link">
<i class="fab fa-fly min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">fly</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/cc-apple-pay.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-apple-pay min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">cc-apple-pay</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/apple-pay.svg" target="_blank" class="color-inherit link">
<i class="fab fa-apple-pay min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">apple-pay</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/uniregistry.svg" target="_blank" class="color-inherit link">
@@ -4810,22 +4922,6 @@
<span class="ml2 f2 gray5 fw6">bity</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/app-store-ios.svg" target="_blank" class="color-inherit link">
<i class="fab fa-app-store-ios min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">app-store-ios</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/app-store.svg" target="_blank" class="color-inherit link">
<i class="fab fa-app-store min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">app-store</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/yoast.svg" target="_blank" class="color-inherit link">
@@ -6282,30 +6378,6 @@
<span class="ml2 f2 gray5 fw6">vaadin</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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-utensils-alt min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">utensils-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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-utensils-alt min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">utensils-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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-utensils-alt min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">utensils-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/utensils.svg" target="_blank" class="color-inherit link">
@@ -11330,14 +11402,6 @@
<span class="ml2 f2 gray5 fw6">google-wallet</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/google-plus-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-plus-square min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">google-plus-square</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/google-plus.svg" target="_blank" class="color-inherit link">
@@ -15570,14 +15634,6 @@
<span class="ml2 f2 gray5 fw6">backward</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/aws.svg" target="_blank" class="color-inherit link">
<i class="fab fa-aws min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">aws</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/avianex.svg" target="_blank" class="color-inherit link">

105
docs/svg-framework.html
View File

@@ -7,6 +7,12 @@
<title>SVG Framework Demo - Font Awesome 5</title>
<script>
window.FontAwesomeConfig = {
searchPseudoElements: true,
measurePerformance: true
}
</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>
@@ -16823,7 +16829,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">300 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">307 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">
@@ -16970,6 +16976,15 @@
<span class="mt1 f2 o-30">f179</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/apple-pay.svg" target="_blank" class="color-inherit link">
<i class="fab fa-apple-pay"></i>
</a>
<span class="mt1 f2 fw6 gray5">apple-pay</span>
<span class="mt1 f2 o-30">f415</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/asymmetrik.svg" target="_blank" class="color-inherit link">
@@ -17159,6 +17174,15 @@
<span class="mt1 f2 o-30">f1f3</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/cc-apple-pay.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-apple-pay"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-apple-pay</span>
<span class="mt1 f2 o-30">f416</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/cc-diners-club.svg" target="_blank" class="color-inherit link">
@@ -17654,6 +17678,15 @@
<span class="mt1 f2 o-30">f16e</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/fly.svg" target="_blank" class="color-inherit link">
<i class="fab fa-fly"></i>
</a>
<span class="mt1 f2 fw6 gray5">fly</span>
<span class="mt1 f2 o-30">f417</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/font-awesome.svg" target="_blank" class="color-inherit link">
@@ -18407,6 +18440,24 @@
<i class="fab fa-nintendo-switch"></i>
</a>
<span class="mt1 f2 fw6 gray5">nintendo-switch</span>
<span class="mt1 f2 o-30">f418</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/node.svg" target="_blank" class="color-inherit link">
<i class="fab fa-node"></i>
</a>
<span class="mt1 f2 fw6 gray5">node</span>
<span class="mt1 f2 o-30">f419</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/node-js.svg" target="_blank" class="color-inherit link">
<i class="fab fa-node-js"></i>
</a>
<span class="mt1 f2 fw6 gray5">node-js</span>
<span class="mt1 f2 o-30">f3d3</span>
</div>
</li>
@@ -18491,6 +18542,15 @@
<span class="mt1 f2 o-30">f23c</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/osi.svg" target="_blank" class="color-inherit link">
<i class="fab fa-osi"></i>
</a>
<span class="mt1 f2 fw6 gray5">osi</span>
<span class="mt1 f2 o-30">f41a</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/page4.svg" target="_blank" class="color-inherit link">
@@ -18680,6 +18740,15 @@
<span class="mt1 f2 o-30">f2d9</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/react.svg" target="_blank" class="color-inherit link">
<i class="fab fa-react"></i>
</a>
<span class="mt1 f2 fw6 gray5">react</span>
<span class="mt1 f2 o-30">f41b</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/rebel.svg" target="_blank" class="color-inherit link">
@@ -20037,6 +20106,33 @@
There are also some extra advanced options you have available with our SVG Framework.
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Using pseudo elements</h3>
<div class="flex flex-column flex-row-xl justify-between-xl mb4">
<div class="w-100 w-30-xl pa4 bg-white br2 flex flex-column items-center justify-center fa-2x">
<div data-example-container="extras-pseudo-elements">
<style>
.special-1:before {
display: none;
content: "\f000";
font-family: "Font Awesome 5 Solid";
}
.special-2:after {
display: none;
content: "\f001";
font-family: "Font Awesome 5 Light";
}
</style>
<div class="special-1"></div>
<div class="special-1">Before</div>
<div class="special-2">After</div>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="extras-pseudo-elements" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Show you missing icons</h3>
<div class="flex flex-column flex-row-xl justify-between-xl mb4">
<div class="w-100 w-30-xl pa4 bg-white br2 flex flex-column items-center justify-center fa-2x">
@@ -20059,7 +20155,12 @@
<svg style="height: 1em;"><use xlink:href="#fas-fa-edit"></use></svg>
<svg style="height: 1em;"><use xlink:href="#fas-fa-edit"></use></svg>
<svg style="height: 1em;"><use xlink:href="#fas-fa-edit"></use></svg>
<svg style="height: 1em;"><use xlink:href="#fas-fa-edit"></use></svg>
<i class="fas fa-trash" data-fa-symbol="delete-icon"></i>
<svg style="height: 1em;"><use xlink:href="#delete-icon"></use></svg>
<svg style="height: 1em;"><use xlink:href="#delete-icon"></use></svg>
<svg style="height: 1em;"><use xlink:href="#delete-icon"></use></svg>
</div>
</div>
<div class="w-100 w-60-xl">

79
docs/svg-sprite.html
View File

@@ -20530,7 +20530,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">300 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">307 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">
@@ -20709,6 +20709,17 @@
<span class="mt1 f2 o-30">f179</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/apple-pay.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#apple-pay"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">apple-pay</span>
<span class="mt1 f2 o-30">f415</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/asymmetrik.svg" target="_blank" class="color-inherit link">
@@ -20940,6 +20951,17 @@
<span class="mt1 f2 o-30">f1f3</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/cc-apple-pay.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#cc-apple-pay"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">cc-apple-pay</span>
<span class="mt1 f2 o-30">f416</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/cc-diners-club.svg" target="_blank" class="color-inherit link">
@@ -21545,6 +21567,17 @@
<span class="mt1 f2 o-30">f16e</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/fly.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#fly"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">fly</span>
<span class="mt1 f2 o-30">f417</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/font-awesome.svg" target="_blank" class="color-inherit link">
@@ -22466,6 +22499,28 @@
</svg>
</a>
<span class="mt1 f2 fw6 gray5">nintendo-switch</span>
<span class="mt1 f2 o-30">f418</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/node.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#node"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">node</span>
<span class="mt1 f2 o-30">f419</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/node-js.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#node-js"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">node-js</span>
<span class="mt1 f2 o-30">f3d3</span>
</div>
</li>
@@ -22568,6 +22623,17 @@
<span class="mt1 f2 o-30">f23c</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/osi.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#osi"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">osi</span>
<span class="mt1 f2 o-30">f41a</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/page4.svg" target="_blank" class="color-inherit link">
@@ -22799,6 +22865,17 @@
<span class="mt1 f2 o-30">f2d9</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/react.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#react"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">react</span>
<span class="mt1 f2 o-30">f41b</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/rebel.svg" target="_blank" class="color-inherit link">

86
docs/webfont.html
View File

@@ -22362,7 +22362,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">300 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">307 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">
@@ -22557,6 +22557,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/apple-pay.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-apple-pay"></i>
</a>
<span class="mt1 f2 fw6 gray5">apple-pay</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf415;</i></span>
<span class="dib v-mid">f415</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/asymmetrik.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -22809,6 +22821,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/cc-apple-pay.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-cc-apple-pay"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-apple-pay</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf416;</i></span>
<span class="dib v-mid">f416</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/cc-diners-club.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -23469,6 +23493,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/fly.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-fly"></i>
</a>
<span class="mt1 f2 fw6 gray5">fly</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf417;</i></span>
<span class="dib v-mid">f417</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/font-awesome.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -24471,6 +24507,30 @@
<i class="fab fa-nintendo-switch"></i>
</a>
<span class="mt1 f2 fw6 gray5">nintendo-switch</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf418;</i></span>
<span class="dib v-mid">f418</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/node.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-node"></i>
</a>
<span class="mt1 f2 fw6 gray5">node</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf419;</i></span>
<span class="dib v-mid">f419</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/node-js.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-node-js"></i>
</a>
<span class="mt1 f2 fw6 gray5">node-js</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf3d3;</i></span>
<span class="dib v-mid">f3d3</span>
@@ -24585,6 +24645,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/osi.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-osi"></i>
</a>
<span class="mt1 f2 fw6 gray5">osi</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf41a;</i></span>
<span class="dib v-mid">f41a</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/page4.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -24837,6 +24909,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/react.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-react"></i>
</a>
<span class="mt1 f2 fw6 gray5">react</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf41b;</i></span>
<span class="dib v-mid">f41b</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/rebel.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">