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

Release 5.0.0-rc4

Browse Source
This commit is contained in:
robmadole
2017-10-27 15:45:27 -05:00
committed by Rob Madole
parent 69bf7f96a1
commit 763666f11d
2235 changed files with 3433 additions and 622 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
docs/index.html
View File

@@ -176,6 +176,8 @@
</div>
</div>
<p class="fw6 mt4 mb0 lh-copy tc">Looking to <a class="link blue4 underline-hover hover-blue" href="#desktop">use Font Awesome 5 in desktop applications</a>?</p>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="svg-framework" class="bt bw2 b--green0 bg-white br2 br--bottom pa4 relative">
@@ -304,7 +306,7 @@
Android 6, 5, 4
</td>
<td class="pv3 pr4">
iOS 9, 10
iOS 9+
</td>
<td class="pv3 pr4">
<abbr class="gray5" title="Not applicable">N/A</abbr>
@@ -444,7 +446,7 @@
Android 6, 5, 4
</td>
<td class="pv3 pr4">
iOS 9, 10
iOS 9+
</td>
<td class="pv3 pr4">
<abbr class="gray5" title="Not applicable">N/A</abbr>
@@ -558,7 +560,7 @@
Android 6, 5, 4
</td>
<td class="pv3 pr4">
iOS 9, 10
iOS 9+
</td>
<td class="pv3 pr4">
<abbr class="gray5" title="Not applicable">N/A</abbr>
@@ -592,29 +594,49 @@
Advanced
</span>
<p class="mt0 mb3 lh-copy gray7">
Want to use Font Awesome 5's icons in your favorite Desktop Design tools or on a print-based project? No problem. Here's how to get that started:
<p class="mt0 mb6 lh-copy gray7">
Want to use Font Awesome 5's icons in your favorite Desktop Design tools or on a print-based project? No problem. Its super easy with our new icon font ligatures in place.
</p>
<ol class="mt0 mb4 pl3 list-position-outside">
<li class="lh-copy pl1 mb3">
Grab one or more of the web font files for the icon styles you want to use (ex. <code class="orange4">/webfonts/fontawesome-pro-light-300.ttf</code>) in the <code class="orange4">/webfonts</code> directory.
</li>
<li class="lh-copy pl1 mb3">
Add them to your Font Management Software (for Macs that often Font Book or Font Explorer X).
</li>
<li class="lh-copy pl1 mb3">
Activate each added font you want to use in your applications.
</li>
<li class="lh-copy pl1 mb3">
Open a file in a design application (ex. Sketch, Adobe Illustrator, etc.) and create a new text layer/area.
</li>
<li class="lh-copy pl1">
Copy and paste the corresponding Font Awesome 5 glyph you want to add from the <a href="webfont.html" class="link underline color-inherit hover-blue4">webfont demo</a> (the little version of the icon next to each icon's unicode value).
</li>
</ol>
<div class="mb6">
<h3 class="mt0 mb3 f4 fw6 gray7">Set Up</h3>
<ol class="mv0 pl3 list-position-outside">
<li class="lh-copy pl1 mb3">
Grab one or more of the <strong class="b">.otf font files</strong> for the icon styles you want to use (ex. <code class="orange4">/webfonts/fontawesome-pro-light-300.otf</code>) in the <code class="orange4">/webfonts</code> directory.
</li>
<li class="lh-copy pl1 mb3">
Add them to your Font Management Software (for Macs that often Font Book or Font Explorer X).
</li>
<li class="lh-copy pl1 mb3">
Activate each added font you want to use in your applications.
</li>
<li class="lh-copy pl1">
Open a file in a design application (ex. Sketch, Adobe Illustrator, etc.) and create a new text layer/area.
</li>
</ol>
</div>
<p class="mv0 lh-copy gray7">Or grab one or more of the svg files from any style (ex. <code class="orange4">/svg/solid/user.svg</code>) in the <code class="orange4">/svg</code> directory.</p>
<div class="mb6">
<h3 class="mt0 mb3 f4 fw6 gray7">Placing Icons</h3>
<ol class="mv0 pl3 list-position-outside">
<li class="lh-copy pl1 mb3">
Create a new text layer in a file.
</li>
<li class="lh-copy pl1 mb3">
Change the font family of that layer to the style of Font Awesome icon you'd like to use (e.g. "Font Awesome 5 Pro Regular").
</li>
<li class="lh-copy pl1">
Type <a href="inventory.html" class="link underline color-inherit hover-blue4">any icon's name</a> (e.g. "plus-circle") as text in that layer - the ligatures should transform it into the icon itself!
</li>
</ol>
</div>
<div class="">
<h3 class="mt0 mb3 f4 fw6 gray7">Alternative Ways to Work</h3>
<p class="mv0 lh-copy gray7">The old way of copying/pasting a Font Awesome 5 glyph (a la the old cheat sheet) still work. Grab one or more of the <strong class="b">.ttf font files</strong> for the icon styles you want and follow the rest of the set up steps above. You can find the <a href="webfont.html" class="link underline color-inherit hover-blue4">webfont demo</a> (the little version of the icon next to each icon's unicode value). Or you can always grab one or more of the svg files from any style (ex. <code class="orange4">/svg/solid/user.svg</code>) in the <code class="orange4">/svg</code> directory.</p>
</div>
</section>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
@@ -712,7 +734,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/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>.
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/822" 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>

36
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 10/13/2017</span><span class="sr-only">:</span>
<span class="db gray5 mb2 f3 fw6">As of 10/27/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">307 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">311 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">
@@ -15105,6 +15105,14 @@
<span class="ml2 f2 gray5 fw6">audible</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/autoprefixer.svg" target="_blank" class="color-inherit link">
<i class="fab fa-autoprefixer min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">autoprefixer</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">
@@ -16217,6 +16225,14 @@
<span class="ml2 f2 gray5 fw6">leanpub</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/less.svg" target="_blank" class="color-inherit link">
<i class="fab fa-less min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">less</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/line.svg" target="_blank" class="color-inherit link">
@@ -16753,6 +16769,14 @@
<span class="ml2 f2 gray5 fw6">safari</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/sass.svg" target="_blank" class="color-inherit link">
<i class="fab fa-sass min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">sass</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/schlix.svg" target="_blank" class="color-inherit link">
@@ -17233,6 +17257,14 @@
<span class="ml2 f2 gray5 fw6">vnv</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/vuejs.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vuejs min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">vuejs</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/weibo.svg" target="_blank" class="color-inherit link">

64
docs/recent.html
View File

@@ -98,6 +98,54 @@
<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/regular/poo.svg" target="_blank" class="color-inherit link">
<i class="far fa-poo min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">poo</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/poo.svg" target="_blank" class="color-inherit link">
<i class="fal fa-poo min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">poo</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/vuejs.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vuejs min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">vuejs</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/sass.svg" target="_blank" class="color-inherit link">
<i class="fab fa-sass min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">sass</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/less.svg" target="_blank" class="color-inherit link">
<i class="fab fa-less min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">less</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/autoprefixer.svg" target="_blank" class="color-inherit link">
<i class="fab fa-autoprefixer min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">autoprefixer</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">
@@ -9002,22 +9050,6 @@
<span class="ml2 f2 gray5 fw6">portrait</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/poo.svg" target="_blank" class="color-inherit link">
<i class="fal fa-poo min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">poo</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/poo.svg" target="_blank" class="color-inherit link">
<i class="far fa-poo min-w1 w-auto"></i>
</a>
<span class="ml2 f2 gray5 fw6">poo</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/poo.svg" target="_blank" class="color-inherit link">

38
docs/svg-framework.html
View File

@@ -16829,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">307 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">311 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">
@@ -17003,6 +17003,15 @@
<span class="mt1 f2 o-30">f373</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/autoprefixer.svg" target="_blank" class="color-inherit link">
<i class="fab fa-autoprefixer"></i>
</a>
<span class="mt1 f2 fw6 gray5">autoprefixer</span>
<span class="mt1 f2 o-30">f41c</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/avianex.svg" target="_blank" class="color-inherit link">
@@ -18254,6 +18263,15 @@
<span class="mt1 f2 o-30">f212</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/less.svg" target="_blank" class="color-inherit link">
<i class="fab fa-less"></i>
</a>
<span class="mt1 f2 fw6 gray5">less</span>
<span class="mt1 f2 o-30">f41d</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/line.svg" target="_blank" class="color-inherit link">
@@ -18857,6 +18875,15 @@
<span class="mt1 f2 o-30">f267</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/sass.svg" target="_blank" class="color-inherit link">
<i class="fab fa-sass"></i>
</a>
<span class="mt1 f2 fw6 gray5">sass</span>
<span class="mt1 f2 o-30">f41e</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/schlix.svg" target="_blank" class="color-inherit link">
@@ -19397,6 +19424,15 @@
<span class="mt1 f2 o-30">f40b</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/vuejs.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vuejs"></i>
</a>
<span class="mt1 f2 fw6 gray5">vuejs</span>
<span class="mt1 f2 o-30">f41f</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/weibo.svg" target="_blank" class="color-inherit link">

46
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">307 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">311 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">
@@ -20742,6 +20742,17 @@
<span class="mt1 f2 o-30">f373</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/autoprefixer.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#autoprefixer"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">autoprefixer</span>
<span class="mt1 f2 o-30">f41c</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/avianex.svg" target="_blank" class="color-inherit link">
@@ -22271,6 +22282,17 @@
<span class="mt1 f2 o-30">f212</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/less.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#less"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">less</span>
<span class="mt1 f2 o-30">f41d</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/line.svg" target="_blank" class="color-inherit link">
@@ -23008,6 +23030,17 @@
<span class="mt1 f2 o-30">f267</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/sass.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#sass"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">sass</span>
<span class="mt1 f2 o-30">f41e</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/schlix.svg" target="_blank" class="color-inherit link">
@@ -23668,6 +23701,17 @@
<span class="mt1 f2 o-30">f40b</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/vuejs.svg" target="_blank" class="color-inherit link">
<svg class="icon">
<use xlink:href="../sprites/brands.svg#vuejs"></use>
</svg>
</a>
<span class="mt1 f2 fw6 gray5">vuejs</span>
<span class="mt1 f2 o-30">f41f</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/weibo.svg" target="_blank" class="color-inherit link">

50
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">307 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">311 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">
@@ -22593,6 +22593,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/autoprefixer.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-autoprefixer"></i>
</a>
<span class="mt1 f2 fw6 gray5">autoprefixer</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf41c;</i></span>
<span class="dib v-mid">f41c</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/avianex.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -24261,6 +24273,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/less.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-less"></i>
</a>
<span class="mt1 f2 fw6 gray5">less</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf41d;</i></span>
<span class="dib v-mid">f41d</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/line.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -25065,6 +25089,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/sass.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-sass"></i>
</a>
<span class="mt1 f2 fw6 gray5">sass</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf41e;</i></span>
<span class="dib v-mid">f41e</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/schlix.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
@@ -25785,6 +25821,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/vuejs.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">
<i class="fab fa-vuejs"></i>
</a>
<span class="mt1 f2 fw6 gray5">vuejs</span>
<span class="mt1 f2 o-30">
<span class="dib v-mid mr1"><i class="fab v-base">&#xf41f;</i></span>
<span class="dib v-mid">f41f</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/weibo.svg" target="_blank" class="color-inherit link" style="line-height: 0.65;">