Files
Font-Awesome-Pro/docs/svg-with-js.html
2017-11-28 12:58:19 -06:00

20392 lines
1.3 MiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SVG Framework Demo - Font Awesome 5</title>
<script>
window.FontAwesomeConfig = {
searchPseudoElements: true,
measurePerformance: true
}
</script>
<script defer src="../on-server/js/fa-light.min.js"></script>
<script defer src="../on-server/js/fa-regular.min.js"></script>
<script defer src="../on-server/js/fa-solid.min.js"></script>
<script defer src="../on-server/js/fa-brands.min.js"></script>
<script defer src="../on-server/js/fontawesome.min.js"></script>
<noscript>
<link rel="stylesheet" href="../on-server/css/fontawesome.min.css">
<link rel="stylesheet" href="../on-server/css/fa-solid.min.css">
<link rel="stylesheet" href="../on-server/css/fa-regular.min.css">
<link rel="stylesheet" href="../on-server/css/fa-light.min.css">
<link rel="stylesheet" href="../on-server/css/fa-brands.min.css">
</noscript>
<!-- font awesome team specific styling. ignore/replace with your own -->
<script src="https://use.fortawesome.com/349cfdf6.js"></script>
<link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-app.css">
<link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-prism.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/components/prism-markup.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
_.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')
exampleContainer.innerHTML = '<div class="pa3 pre"><code class="mt0" style="color: #afafaf;">' + Prism.highlight(exampleCode, Prism.languages.markup).trim() + '</code></div>'
})
_.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'))
element.innerHTML = '<div class="pre"><code class="mt0">' + Prism.highlight(exampleCode, Prism.languages.markup).trim() + '</code></div>'
})
})
</script>
</head>
<body class="no-js min-vh-100 bg-gray1 gray7 ma0">
<div class="w-100" id="page-top">
<div class="mw9 center overflow-auto relative bg-near-white flex flex-column min-vh-100 shadow-wrap">
<div class="w-100 overflow-auto flex-grow-1 flex-shrink-none flex-basis-auto flex flex-column flex-row-ns flex-nowrap-ns">
<div class="bg-gray8 ph4 ph6-xl pv6 w-20-l br bw2 b--black-10 relative">
<h1 class="mt0 mb6 f4 tc">
<a href="https://fontawesome.com/" class="link white dib">
<i class="fa5 fa5-2x fa5-logo-o dib v-mid mr2 mr0-ns db-ns mb2-ns hover-blue4 link"></i>
<span class="f5 f4-m f5-l f5-xl fw6 sans-serif db-ns">Font Awesome</span>
</a>
</h1>
<nav>
<a href="index.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-flag-r fa5-lg"></i></span>
<span class="fw6">Getting Started</span>
</a>
<a href="../docs/inventory.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-book-r fa5-lg"></i></span>
<span class="fw6">All Icons</span>
</a>
<a href="../docs/recent.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-clock-r fa5-lg"></i></span>
<span class="fw6">Recently Added</span>
</a>
<a href="../docs/svg-with-js.html" class="db link blue4 tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns "><i class="fa5 fa5-magic-r fa5-lg"></i></span>
<span class="fw6">SVG Framework</span>
</a>
<a href="../docs/svg-sprite.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-th-r fa5-lg"></i></span>
<span class="fw6">SVG Sprites</span>
</a>
<a href="../docs/webfont.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-font-r fa5-lg"></i></span>
<span class="fw6">Web Font</span>
</a>
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/packages/fontawesome" target="_blank" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib fw8 v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-npm fa5-2x"></i>
</span>
<span class="fw6">npm Package</span>
</a>
<a href="https://github.com/FortAwesome/Font-Awesome-Pro" target="_blank" class="db link white o-80 glow tc-ns f3">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-github fa5-2x"></i></span>
<span class="fw6">GitHub Project</span>
</a>
</nav>
<a href="#page-top" class="dn db-ns link o-20 glow white glow fixed bottom--1 right-1 bg-blue br3 br--top pa3 pb4 z-2">
<span data-balloon="Top of the page" data-balloon-pos="left"><i class="fa5 fa5-arrow-to-top-r"></i></span>
</a>
</div>
<div class="w-80-l">
<div role="alert" class="dt w-100 relative bb bw2 b--warning2 bg-warning1">
<div class="dtc v-mid w-1 pv4 pl4 pl6-ns warning5 tc">
<i class="fa5 fa5-exclamation-triangle fa5-2x" aria-hidden="true"></i>
</div>
<div class="dtc v-mid pa4 br--right br2">
<p class="mv0 lh-copy"><strong class="fw7">Psst! These demos are for you, an official Supporter. Please don't distribute them to the general public</strong>.</p>
</div>
</div>
<div class="ph4 ph6-ns pv6">
<div role="alert" class="dt w-100 relative mb4">
<div class="dtc v-mid w-1 pa3 tc bg-green7 green2 br2 br--left">
<i class="fa5 fa5-lightbulb fa5-2x animated infinite pulseOpacity animated3" aria-hidden="true"></i>
</div>
<div class="dtc v-mid pa3 br--right br2 bg-green5 green0">
<p class="mv0 lh-copy fw6">View this demo's source to see how these icons are rendered and options/extras are set!</p>
</div>
</div>
<h1 class="mt0 mb2 b f6">
<span class="db gray5 mb2 f3 fw6">Demo</span>
<span class="db">Using Font Awesome 5's SVG Framework</span>
</h1>
<nav class="db w-100 mb7 pt4 bt bw2 b--gray1 cf">
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#renderings">Icon Renderings</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#support-styling">Support Styling</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#framework-transform">Transform</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#framework-positioning">Positioning</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#framework-masks">Masking</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#framework-layers">Layers</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#framework-overlays">Overlays</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue mr4-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="#framework-extras">Extras</a>
<a class="db dib-l v-mid-l link blue4 underline-hover hover-blue ml2-l fr-l pv2 mb2 mb0-l bb bw b--gray1 bn-l pv0-l" href="index.html#svg-with-js">How to Get Started</a>
</nav>
<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">619 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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/address-book.svg" target="_blank" class="color-inherit link">
<i class="fas fa-address-book"></i>
</a>
<span class="mt1 f2 fw6 gray5">address-book</span>
<span class="mt1 f2 o-30">f2b9</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/address-card.svg" target="_blank" class="color-inherit link">
<i class="fas fa-address-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">address-card</span>
<span class="mt1 f2 o-30">f2bb</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/adjust.svg" target="_blank" class="color-inherit link">
<i class="fas fa-adjust"></i>
</a>
<span class="mt1 f2 fw6 gray5">adjust</span>
<span class="mt1 f2 o-30">f042</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/alarm-clock.svg" target="_blank" class="color-inherit link">
<i class="fas fa-alarm-clock"></i>
</a>
<span class="mt1 f2 fw6 gray5">alarm-clock</span>
<span class="mt1 f2 o-30">f34e</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/align-center.svg" target="_blank" class="color-inherit link">
<i class="fas fa-align-center"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-center</span>
<span class="mt1 f2 o-30">f037</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/align-justify.svg" target="_blank" class="color-inherit link">
<i class="fas fa-align-justify"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-justify</span>
<span class="mt1 f2 o-30">f039</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/align-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-align-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-left</span>
<span class="mt1 f2 o-30">f036</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/align-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-align-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-right</span>
<span class="mt1 f2 o-30">f038</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/ambulance.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ambulance"></i>
</a>
<span class="mt1 f2 fw6 gray5">ambulance</span>
<span class="mt1 f2 o-30">f0f9</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/american-sign-language-interpreting.svg" target="_blank" class="color-inherit link">
<i class="fas fa-american-sign-language-interpreting"></i>
</a>
<span class="mt1 f2 fw6 gray5">american-sign-language-interpreting</span>
<span class="mt1 f2 o-30">f2a3</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/anchor.svg" target="_blank" class="color-inherit link">
<i class="fas fa-anchor"></i>
</a>
<span class="mt1 f2 fw6 gray5">anchor</span>
<span class="mt1 f2 o-30">f13d</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/angle-double-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-double-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-down</span>
<span class="mt1 f2 o-30">f103</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/angle-double-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-double-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-left</span>
<span class="mt1 f2 o-30">f100</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/angle-double-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-double-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-right</span>
<span class="mt1 f2 o-30">f101</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/angle-double-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-double-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-up</span>
<span class="mt1 f2 o-30">f102</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/angle-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-down</span>
<span class="mt1 f2 o-30">f107</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/angle-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-left</span>
<span class="mt1 f2 o-30">f104</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/angle-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-right</span>
<span class="mt1 f2 o-30">f105</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/angle-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-angle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-up</span>
<span class="mt1 f2 o-30">f106</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/archive.svg" target="_blank" class="color-inherit link">
<i class="fas fa-archive"></i>
</a>
<span class="mt1 f2 fw6 gray5">archive</span>
<span class="mt1 f2 o-30">f187</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/arrow-alt-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-down</span>
<span class="mt1 f2 o-30">f358</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/arrow-alt-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-left</span>
<span class="mt1 f2 o-30">f359</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/arrow-alt-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-right</span>
<span class="mt1 f2 o-30">f35a</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/arrow-alt-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-up</span>
<span class="mt1 f2 o-30">f35b</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/arrow-alt-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-down</span>
<span class="mt1 f2 o-30">f354</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/arrow-alt-from-bottom.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-from-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-bottom</span>
<span class="mt1 f2 o-30">f346</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/arrow-alt-from-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-from-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-left</span>
<span class="mt1 f2 o-30">f347</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/arrow-alt-from-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-from-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-right</span>
<span class="mt1 f2 o-30">f348</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/arrow-alt-from-top.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-from-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-top</span>
<span class="mt1 f2 o-30">f349</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/arrow-alt-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-left</span>
<span class="mt1 f2 o-30">f355</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/arrow-alt-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-right</span>
<span class="mt1 f2 o-30">f356</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/arrow-alt-square-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-down</span>
<span class="mt1 f2 o-30">f350</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/arrow-alt-square-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-left</span>
<span class="mt1 f2 o-30">f351</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/arrow-alt-square-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-right</span>
<span class="mt1 f2 o-30">f352</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/arrow-alt-square-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-up</span>
<span class="mt1 f2 o-30">f353</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/arrow-alt-to-bottom.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-to-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-bottom</span>
<span class="mt1 f2 o-30">f34a</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/arrow-alt-to-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-to-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-left</span>
<span class="mt1 f2 o-30">f34b</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/arrow-alt-to-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-to-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-right</span>
<span class="mt1 f2 o-30">f34c</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/arrow-alt-to-top.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-to-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-top</span>
<span class="mt1 f2 o-30">f34d</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/arrow-alt-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-alt-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-up</span>
<span class="mt1 f2 o-30">f357</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/arrow-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-down</span>
<span class="mt1 f2 o-30">f0ab</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/arrow-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-left</span>
<span class="mt1 f2 o-30">f0a8</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/arrow-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-right</span>
<span class="mt1 f2 o-30">f0a9</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/arrow-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-up</span>
<span class="mt1 f2 o-30">f0aa</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/arrow-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-down</span>
<span class="mt1 f2 o-30">f063</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/arrow-from-bottom.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-from-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-bottom</span>
<span class="mt1 f2 o-30">f342</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/arrow-from-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-from-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-left</span>
<span class="mt1 f2 o-30">f343</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/arrow-from-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-from-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-right</span>
<span class="mt1 f2 o-30">f344</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/arrow-from-top.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-from-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-top</span>
<span class="mt1 f2 o-30">f345</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/arrow-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-left</span>
<span class="mt1 f2 o-30">f060</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/arrow-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-right</span>
<span class="mt1 f2 o-30">f061</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/arrow-square-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-down</span>
<span class="mt1 f2 o-30">f339</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/arrow-square-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-left</span>
<span class="mt1 f2 o-30">f33a</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/arrow-square-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-right</span>
<span class="mt1 f2 o-30">f33b</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/arrow-square-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-up</span>
<span class="mt1 f2 o-30">f33c</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/arrow-to-bottom.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-to-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-bottom</span>
<span class="mt1 f2 o-30">f33d</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/arrow-to-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-to-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-left</span>
<span class="mt1 f2 o-30">f33e</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/arrow-to-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-to-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-right</span>
<span class="mt1 f2 o-30">f340</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/arrow-to-top.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-to-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-top</span>
<span class="mt1 f2 o-30">f341</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/arrow-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrow-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-up</span>
<span class="mt1 f2 o-30">f062</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/arrows.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrows"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows</span>
<span class="mt1 f2 o-30">f047</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/arrows-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrows-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt</span>
<span class="mt1 f2 o-30">f0b2</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/arrows-alt-h.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrows-alt-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt-h</span>
<span class="mt1 f2 o-30">f337</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/arrows-alt-v.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrows-alt-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt-v</span>
<span class="mt1 f2 o-30">f338</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/arrows-h.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrows-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-h</span>
<span class="mt1 f2 o-30">f07e</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/arrows-v.svg" target="_blank" class="color-inherit link">
<i class="fas fa-arrows-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-v</span>
<span class="mt1 f2 o-30">f07d</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/assistive-listening-systems.svg" target="_blank" class="color-inherit link">
<i class="fas fa-assistive-listening-systems"></i>
</a>
<span class="mt1 f2 fw6 gray5">assistive-listening-systems</span>
<span class="mt1 f2 o-30">f2a2</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/asterisk.svg" target="_blank" class="color-inherit link">
<i class="fas fa-asterisk"></i>
</a>
<span class="mt1 f2 fw6 gray5">asterisk</span>
<span class="mt1 f2 o-30">f069</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/at.svg" target="_blank" class="color-inherit link">
<i class="fas fa-at"></i>
</a>
<span class="mt1 f2 fw6 gray5">at</span>
<span class="mt1 f2 o-30">f1fa</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/audio-description.svg" target="_blank" class="color-inherit link">
<i class="fas fa-audio-description"></i>
</a>
<span class="mt1 f2 fw6 gray5">audio-description</span>
<span class="mt1 f2 o-30">f29e</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/backward.svg" target="_blank" class="color-inherit link">
<i class="fas fa-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">backward</span>
<span class="mt1 f2 o-30">f04a</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/badge.svg" target="_blank" class="color-inherit link">
<i class="fas fa-badge"></i>
</a>
<span class="mt1 f2 fw6 gray5">badge</span>
<span class="mt1 f2 o-30">f335</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/badge-check.svg" target="_blank" class="color-inherit link">
<i class="fas fa-badge-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">badge-check</span>
<span class="mt1 f2 o-30">f336</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/balance-scale.svg" target="_blank" class="color-inherit link">
<i class="fas fa-balance-scale"></i>
</a>
<span class="mt1 f2 fw6 gray5">balance-scale</span>
<span class="mt1 f2 o-30">f24e</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/ban.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ban"></i>
</a>
<span class="mt1 f2 fw6 gray5">ban</span>
<span class="mt1 f2 o-30">f05e</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/barcode.svg" target="_blank" class="color-inherit link">
<i class="fas fa-barcode"></i>
</a>
<span class="mt1 f2 fw6 gray5">barcode</span>
<span class="mt1 f2 o-30">f02a</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/bars.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bars"></i>
</a>
<span class="mt1 f2 fw6 gray5">bars</span>
<span class="mt1 f2 o-30">f0c9</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/bath.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bath"></i>
</a>
<span class="mt1 f2 fw6 gray5">bath</span>
<span class="mt1 f2 o-30">f2cd</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/battery-bolt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-battery-bolt"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-bolt</span>
<span class="mt1 f2 o-30">f376</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/battery-empty.svg" target="_blank" class="color-inherit link">
<i class="fas fa-battery-empty"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-empty</span>
<span class="mt1 f2 o-30">f244</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/battery-full.svg" target="_blank" class="color-inherit link">
<i class="fas fa-battery-full"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-full</span>
<span class="mt1 f2 o-30">f240</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/battery-half.svg" target="_blank" class="color-inherit link">
<i class="fas fa-battery-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-half</span>
<span class="mt1 f2 o-30">f242</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/battery-quarter.svg" target="_blank" class="color-inherit link">
<i class="fas fa-battery-quarter"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-quarter</span>
<span class="mt1 f2 o-30">f243</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/battery-slash.svg" target="_blank" class="color-inherit link">
<i class="fas fa-battery-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-slash</span>
<span class="mt1 f2 o-30">f377</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/battery-three-quarters.svg" target="_blank" class="color-inherit link">
<i class="fas fa-battery-three-quarters"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-three-quarters</span>
<span class="mt1 f2 o-30">f241</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/bed.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bed"></i>
</a>
<span class="mt1 f2 fw6 gray5">bed</span>
<span class="mt1 f2 o-30">f236</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/beer.svg" target="_blank" class="color-inherit link">
<i class="fas fa-beer"></i>
</a>
<span class="mt1 f2 fw6 gray5">beer</span>
<span class="mt1 f2 o-30">f0fc</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/bell.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bell"></i>
</a>
<span class="mt1 f2 fw6 gray5">bell</span>
<span class="mt1 f2 o-30">f0f3</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/bell-slash.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bell-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">bell-slash</span>
<span class="mt1 f2 o-30">f1f6</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/bicycle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bicycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">bicycle</span>
<span class="mt1 f2 o-30">f206</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/binoculars.svg" target="_blank" class="color-inherit link">
<i class="fas fa-binoculars"></i>
</a>
<span class="mt1 f2 fw6 gray5">binoculars</span>
<span class="mt1 f2 o-30">f1e5</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/birthday-cake.svg" target="_blank" class="color-inherit link">
<i class="fas fa-birthday-cake"></i>
</a>
<span class="mt1 f2 fw6 gray5">birthday-cake</span>
<span class="mt1 f2 o-30">f1fd</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/blind.svg" target="_blank" class="color-inherit link">
<i class="fas fa-blind"></i>
</a>
<span class="mt1 f2 fw6 gray5">blind</span>
<span class="mt1 f2 o-30">f29d</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/bold.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bold"></i>
</a>
<span class="mt1 f2 fw6 gray5">bold</span>
<span class="mt1 f2 o-30">f032</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/bolt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bolt"></i>
</a>
<span class="mt1 f2 fw6 gray5">bolt</span>
<span class="mt1 f2 o-30">f0e7</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/bomb.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bomb"></i>
</a>
<span class="mt1 f2 fw6 gray5">bomb</span>
<span class="mt1 f2 o-30">f1e2</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/book.svg" target="_blank" class="color-inherit link">
<i class="fas fa-book"></i>
</a>
<span class="mt1 f2 fw6 gray5">book</span>
<span class="mt1 f2 o-30">f02d</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/bookmark.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bookmark"></i>
</a>
<span class="mt1 f2 fw6 gray5">bookmark</span>
<span class="mt1 f2 o-30">f02e</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/braille.svg" target="_blank" class="color-inherit link">
<i class="fas fa-braille"></i>
</a>
<span class="mt1 f2 fw6 gray5">braille</span>
<span class="mt1 f2 o-30">f2a1</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/briefcase.svg" target="_blank" class="color-inherit link">
<i class="fas fa-briefcase"></i>
</a>
<span class="mt1 f2 fw6 gray5">briefcase</span>
<span class="mt1 f2 o-30">f0b1</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/browser.svg" target="_blank" class="color-inherit link">
<i class="fas fa-browser"></i>
</a>
<span class="mt1 f2 fw6 gray5">browser</span>
<span class="mt1 f2 o-30">f37e</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/bug.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bug"></i>
</a>
<span class="mt1 f2 fw6 gray5">bug</span>
<span class="mt1 f2 o-30">f188</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/building.svg" target="_blank" class="color-inherit link">
<i class="fas fa-building"></i>
</a>
<span class="mt1 f2 fw6 gray5">building</span>
<span class="mt1 f2 o-30">f1ad</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/bullhorn.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bullhorn"></i>
</a>
<span class="mt1 f2 fw6 gray5">bullhorn</span>
<span class="mt1 f2 o-30">f0a1</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/bullseye.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bullseye"></i>
</a>
<span class="mt1 f2 fw6 gray5">bullseye</span>
<span class="mt1 f2 o-30">f140</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/bus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-bus"></i>
</a>
<span class="mt1 f2 fw6 gray5">bus</span>
<span class="mt1 f2 o-30">f207</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/calculator.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calculator"></i>
</a>
<span class="mt1 f2 fw6 gray5">calculator</span>
<span class="mt1 f2 o-30">f1ec</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/calendar.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar</span>
<span class="mt1 f2 o-30">f133</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/calendar-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-alt</span>
<span class="mt1 f2 o-30">f073</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/calendar-check.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-check</span>
<span class="mt1 f2 o-30">f274</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/calendar-edit.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-edit</span>
<span class="mt1 f2 o-30">f333</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/calendar-exclamation.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-exclamation</span>
<span class="mt1 f2 o-30">f334</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/calendar-minus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-minus</span>
<span class="mt1 f2 o-30">f272</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/calendar-plus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-plus</span>
<span class="mt1 f2 o-30">f271</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/calendar-times.svg" target="_blank" class="color-inherit link">
<i class="fas fa-calendar-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-times</span>
<span class="mt1 f2 o-30">f273</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/camera.svg" target="_blank" class="color-inherit link">
<i class="fas fa-camera"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera</span>
<span class="mt1 f2 o-30">f030</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/camera-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-camera-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera-alt</span>
<span class="mt1 f2 o-30">f332</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/camera-retro.svg" target="_blank" class="color-inherit link">
<i class="fas fa-camera-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera-retro</span>
<span class="mt1 f2 o-30">f083</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/car.svg" target="_blank" class="color-inherit link">
<i class="fas fa-car"></i>
</a>
<span class="mt1 f2 fw6 gray5">car</span>
<span class="mt1 f2 o-30">f1b9</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/caret-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-down</span>
<span class="mt1 f2 o-30">f32d</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/caret-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-left</span>
<span class="mt1 f2 o-30">f32e</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/caret-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-right</span>
<span class="mt1 f2 o-30">f330</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/caret-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-up</span>
<span class="mt1 f2 o-30">f331</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/caret-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-down</span>
<span class="mt1 f2 o-30">f0d7</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/caret-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-left</span>
<span class="mt1 f2 o-30">f0d9</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/caret-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-right</span>
<span class="mt1 f2 o-30">f0da</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/caret-square-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-down</span>
<span class="mt1 f2 o-30">f150</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/caret-square-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-left</span>
<span class="mt1 f2 o-30">f191</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/caret-square-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-right</span>
<span class="mt1 f2 o-30">f152</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/caret-square-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-up</span>
<span class="mt1 f2 o-30">f151</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/caret-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-caret-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-up</span>
<span class="mt1 f2 o-30">f0d8</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/cart-arrow-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cart-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">cart-arrow-down</span>
<span class="mt1 f2 o-30">f218</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/cart-plus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cart-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">cart-plus</span>
<span class="mt1 f2 o-30">f217</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/certificate.svg" target="_blank" class="color-inherit link">
<i class="fas fa-certificate"></i>
</a>
<span class="mt1 f2 fw6 gray5">certificate</span>
<span class="mt1 f2 o-30">f0a3</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/chart-area.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chart-area"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-area</span>
<span class="mt1 f2 o-30">f1fe</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/chart-bar.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chart-bar"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-bar</span>
<span class="mt1 f2 o-30">f080</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/chart-line.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chart-line"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-line</span>
<span class="mt1 f2 o-30">f201</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/chart-pie.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chart-pie"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-pie</span>
<span class="mt1 f2 o-30">f200</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/check.svg" target="_blank" class="color-inherit link">
<i class="fas fa-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">check</span>
<span class="mt1 f2 o-30">f00c</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/check-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-check-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">check-circle</span>
<span class="mt1 f2 o-30">f058</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/check-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-check-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">check-square</span>
<span class="mt1 f2 o-30">f14a</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/chevron-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-down</span>
<span class="mt1 f2 o-30">f13a</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/chevron-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-left</span>
<span class="mt1 f2 o-30">f137</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/chevron-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-right</span>
<span class="mt1 f2 o-30">f138</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/chevron-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-up</span>
<span class="mt1 f2 o-30">f139</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/chevron-double-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-double-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-down</span>
<span class="mt1 f2 o-30">f322</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/chevron-double-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-double-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-left</span>
<span class="mt1 f2 o-30">f323</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/chevron-double-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-double-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-right</span>
<span class="mt1 f2 o-30">f324</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/chevron-double-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-double-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-up</span>
<span class="mt1 f2 o-30">f325</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/chevron-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-down</span>
<span class="mt1 f2 o-30">f078</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/chevron-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-left</span>
<span class="mt1 f2 o-30">f053</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/chevron-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-right</span>
<span class="mt1 f2 o-30">f054</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/chevron-square-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-down</span>
<span class="mt1 f2 o-30">f329</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/chevron-square-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-left</span>
<span class="mt1 f2 o-30">f32a</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/chevron-square-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-right</span>
<span class="mt1 f2 o-30">f32b</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/chevron-square-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-up</span>
<span class="mt1 f2 o-30">f32c</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/chevron-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-chevron-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-up</span>
<span class="mt1 f2 o-30">f077</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/child.svg" target="_blank" class="color-inherit link">
<i class="fas fa-child"></i>
</a>
<span class="mt1 f2 fw6 gray5">child</span>
<span class="mt1 f2 o-30">f1ae</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/circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">circle</span>
<span class="mt1 f2 o-30">f111</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/circle-notch.svg" target="_blank" class="color-inherit link">
<i class="fas fa-circle-notch"></i>
</a>
<span class="mt1 f2 fw6 gray5">circle-notch</span>
<span class="mt1 f2 o-30">f1ce</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/clipboard.svg" target="_blank" class="color-inherit link">
<i class="fas fa-clipboard"></i>
</a>
<span class="mt1 f2 fw6 gray5">clipboard</span>
<span class="mt1 f2 o-30">f328</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/clock.svg" target="_blank" class="color-inherit link">
<i class="fas fa-clock"></i>
</a>
<span class="mt1 f2 fw6 gray5">clock</span>
<span class="mt1 f2 o-30">f017</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/clone.svg" target="_blank" class="color-inherit link">
<i class="fas fa-clone"></i>
</a>
<span class="mt1 f2 fw6 gray5">clone</span>
<span class="mt1 f2 o-30">f24d</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/closed-captioning.svg" target="_blank" class="color-inherit link">
<i class="fas fa-closed-captioning"></i>
</a>
<span class="mt1 f2 fw6 gray5">closed-captioning</span>
<span class="mt1 f2 o-30">f20a</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/cloud.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cloud"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud</span>
<span class="mt1 f2 o-30">f0c2</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/cloud-download.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cloud-download"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-download</span>
<span class="mt1 f2 o-30">f0ed</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/cloud-download-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cloud-download-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-download-alt</span>
<span class="mt1 f2 o-30">f381</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/cloud-upload.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cloud-upload"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-upload</span>
<span class="mt1 f2 o-30">f0ee</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/cloud-upload-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cloud-upload-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-upload-alt</span>
<span class="mt1 f2 o-30">f382</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/club.svg" target="_blank" class="color-inherit link">
<i class="fas fa-club"></i>
</a>
<span class="mt1 f2 fw6 gray5">club</span>
<span class="mt1 f2 o-30">f327</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/code.svg" target="_blank" class="color-inherit link">
<i class="fas fa-code"></i>
</a>
<span class="mt1 f2 fw6 gray5">code</span>
<span class="mt1 f2 o-30">f121</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/code-branch.svg" target="_blank" class="color-inherit link">
<i class="fas fa-code-branch"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-branch</span>
<span class="mt1 f2 o-30">f126</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/code-commit.svg" target="_blank" class="color-inherit link">
<i class="fas fa-code-commit"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-commit</span>
<span class="mt1 f2 o-30">f386</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/code-merge.svg" target="_blank" class="color-inherit link">
<i class="fas fa-code-merge"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-merge</span>
<span class="mt1 f2 o-30">f387</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/coffee.svg" target="_blank" class="color-inherit link">
<i class="fas fa-coffee"></i>
</a>
<span class="mt1 f2 fw6 gray5">coffee</span>
<span class="mt1 f2 o-30">f0f4</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/cog.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cog"></i>
</a>
<span class="mt1 f2 fw6 gray5">cog</span>
<span class="mt1 f2 o-30">f013</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/cogs.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cogs"></i>
</a>
<span class="mt1 f2 fw6 gray5">cogs</span>
<span class="mt1 f2 o-30">f085</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/columns.svg" target="_blank" class="color-inherit link">
<i class="fas fa-columns"></i>
</a>
<span class="mt1 f2 fw6 gray5">columns</span>
<span class="mt1 f2 o-30">f0db</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/comment.svg" target="_blank" class="color-inherit link">
<i class="fas fa-comment"></i>
</a>
<span class="mt1 f2 fw6 gray5">comment</span>
<span class="mt1 f2 o-30">f075</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/comment-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-comment-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">comment-alt</span>
<span class="mt1 f2 o-30">f27a</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/comments.svg" target="_blank" class="color-inherit link">
<i class="fas fa-comments"></i>
</a>
<span class="mt1 f2 fw6 gray5">comments</span>
<span class="mt1 f2 o-30">f086</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/compass.svg" target="_blank" class="color-inherit link">
<i class="fas fa-compass"></i>
</a>
<span class="mt1 f2 fw6 gray5">compass</span>
<span class="mt1 f2 o-30">f14e</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/compress.svg" target="_blank" class="color-inherit link">
<i class="fas fa-compress"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress</span>
<span class="mt1 f2 o-30">f066</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/compress-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-compress-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-alt</span>
<span class="mt1 f2 o-30">f422</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/compress-wide.svg" target="_blank" class="color-inherit link">
<i class="fas fa-compress-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-wide</span>
<span class="mt1 f2 o-30">f326</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/copy.svg" target="_blank" class="color-inherit link">
<i class="fas fa-copy"></i>
</a>
<span class="mt1 f2 fw6 gray5">copy</span>
<span class="mt1 f2 o-30">f0c5</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/copyright.svg" target="_blank" class="color-inherit link">
<i class="fas fa-copyright"></i>
</a>
<span class="mt1 f2 fw6 gray5">copyright</span>
<span class="mt1 f2 o-30">f1f9</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/credit-card.svg" target="_blank" class="color-inherit link">
<i class="fas fa-credit-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card</span>
<span class="mt1 f2 o-30">f09d</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/credit-card-blank.svg" target="_blank" class="color-inherit link">
<i class="fas fa-credit-card-blank"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card-blank</span>
<span class="mt1 f2 o-30">f389</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/credit-card-front.svg" target="_blank" class="color-inherit link">
<i class="fas fa-credit-card-front"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card-front</span>
<span class="mt1 f2 o-30">f38a</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/crop.svg" target="_blank" class="color-inherit link">
<i class="fas fa-crop"></i>
</a>
<span class="mt1 f2 fw6 gray5">crop</span>
<span class="mt1 f2 o-30">f125</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/crosshairs.svg" target="_blank" class="color-inherit link">
<i class="fas fa-crosshairs"></i>
</a>
<span class="mt1 f2 fw6 gray5">crosshairs</span>
<span class="mt1 f2 o-30">f05b</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/cube.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cube"></i>
</a>
<span class="mt1 f2 fw6 gray5">cube</span>
<span class="mt1 f2 o-30">f1b2</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/cubes.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cubes"></i>
</a>
<span class="mt1 f2 fw6 gray5">cubes</span>
<span class="mt1 f2 o-30">f1b3</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/cut.svg" target="_blank" class="color-inherit link">
<i class="fas fa-cut"></i>
</a>
<span class="mt1 f2 fw6 gray5">cut</span>
<span class="mt1 f2 o-30">f0c4</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/database.svg" target="_blank" class="color-inherit link">
<i class="fas fa-database"></i>
</a>
<span class="mt1 f2 fw6 gray5">database</span>
<span class="mt1 f2 o-30">f1c0</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/deaf.svg" target="_blank" class="color-inherit link">
<i class="fas fa-deaf"></i>
</a>
<span class="mt1 f2 fw6 gray5">deaf</span>
<span class="mt1 f2 o-30">f2a4</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/desktop.svg" target="_blank" class="color-inherit link">
<i class="fas fa-desktop"></i>
</a>
<span class="mt1 f2 fw6 gray5">desktop</span>
<span class="mt1 f2 o-30">f108</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/desktop-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-desktop-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">desktop-alt</span>
<span class="mt1 f2 o-30">f390</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/diamond.svg" target="_blank" class="color-inherit link">
<i class="fas fa-diamond"></i>
</a>
<span class="mt1 f2 fw6 gray5">diamond</span>
<span class="mt1 f2 o-30">f219</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/dollar-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-dollar-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">dollar-sign</span>
<span class="mt1 f2 o-30">f155</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/dot-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-dot-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">dot-circle</span>
<span class="mt1 f2 o-30">f192</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/download.svg" target="_blank" class="color-inherit link">
<i class="fas fa-download"></i>
</a>
<span class="mt1 f2 fw6 gray5">download</span>
<span class="mt1 f2 o-30">f019</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/edit.svg" target="_blank" class="color-inherit link">
<i class="fas fa-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">edit</span>
<span class="mt1 f2 o-30">f044</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/eject.svg" target="_blank" class="color-inherit link">
<i class="fas fa-eject"></i>
</a>
<span class="mt1 f2 fw6 gray5">eject</span>
<span class="mt1 f2 o-30">f052</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/ellipsis-h.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ellipsis-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-h</span>
<span class="mt1 f2 o-30">f141</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/ellipsis-h-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ellipsis-h-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-h-alt</span>
<span class="mt1 f2 o-30">f39b</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/ellipsis-v.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ellipsis-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-v</span>
<span class="mt1 f2 o-30">f142</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/ellipsis-v-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ellipsis-v-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-v-alt</span>
<span class="mt1 f2 o-30">f39c</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/envelope.svg" target="_blank" class="color-inherit link">
<i class="fas fa-envelope"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope</span>
<span class="mt1 f2 o-30">f0e0</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/envelope-open.svg" target="_blank" class="color-inherit link">
<i class="fas fa-envelope-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope-open</span>
<span class="mt1 f2 o-30">f2b6</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/envelope-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-envelope-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope-square</span>
<span class="mt1 f2 o-30">f199</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/eraser.svg" target="_blank" class="color-inherit link">
<i class="fas fa-eraser"></i>
</a>
<span class="mt1 f2 fw6 gray5">eraser</span>
<span class="mt1 f2 o-30">f12d</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/euro-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-euro-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">euro-sign</span>
<span class="mt1 f2 o-30">f153</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/exchange.svg" target="_blank" class="color-inherit link">
<i class="fas fa-exchange"></i>
</a>
<span class="mt1 f2 fw6 gray5">exchange</span>
<span class="mt1 f2 o-30">f0ec</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/exchange-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-exchange-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">exchange-alt</span>
<span class="mt1 f2 o-30">f362</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/exclamation.svg" target="_blank" class="color-inherit link">
<i class="fas fa-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation</span>
<span class="mt1 f2 o-30">f12a</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/exclamation-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-exclamation-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-circle</span>
<span class="mt1 f2 o-30">f06a</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/exclamation-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-exclamation-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-square</span>
<span class="mt1 f2 o-30">f321</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/exclamation-triangle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-exclamation-triangle"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-triangle</span>
<span class="mt1 f2 o-30">f071</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/expand.svg" target="_blank" class="color-inherit link">
<i class="fas fa-expand"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand</span>
<span class="mt1 f2 o-30">f065</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/expand-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-expand-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-alt</span>
<span class="mt1 f2 o-30">f424</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/expand-arrows.svg" target="_blank" class="color-inherit link">
<i class="fas fa-expand-arrows"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-arrows</span>
<span class="mt1 f2 o-30">f31d</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/expand-arrows-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-expand-arrows-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-arrows-alt</span>
<span class="mt1 f2 o-30">f31e</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/expand-wide.svg" target="_blank" class="color-inherit link">
<i class="fas fa-expand-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-wide</span>
<span class="mt1 f2 o-30">f320</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/external-link.svg" target="_blank" class="color-inherit link">
<i class="fas fa-external-link"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link</span>
<span class="mt1 f2 o-30">f08e</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/external-link-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-external-link-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-alt</span>
<span class="mt1 f2 o-30">f35d</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/external-link-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-external-link-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-square</span>
<span class="mt1 f2 o-30">f14c</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/external-link-square-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-external-link-square-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-square-alt</span>
<span class="mt1 f2 o-30">f360</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/eye.svg" target="_blank" class="color-inherit link">
<i class="fas fa-eye"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye</span>
<span class="mt1 f2 o-30">f06e</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/eye-dropper.svg" target="_blank" class="color-inherit link">
<i class="fas fa-eye-dropper"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye-dropper</span>
<span class="mt1 f2 o-30">f1fb</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/eye-slash.svg" target="_blank" class="color-inherit link">
<i class="fas fa-eye-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye-slash</span>
<span class="mt1 f2 o-30">f070</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/fast-backward.svg" target="_blank" class="color-inherit link">
<i class="fas fa-fast-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">fast-backward</span>
<span class="mt1 f2 o-30">f049</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/fast-forward.svg" target="_blank" class="color-inherit link">
<i class="fas fa-fast-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">fast-forward</span>
<span class="mt1 f2 o-30">f050</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/fax.svg" target="_blank" class="color-inherit link">
<i class="fas fa-fax"></i>
</a>
<span class="mt1 f2 fw6 gray5">fax</span>
<span class="mt1 f2 o-30">f1ac</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/female.svg" target="_blank" class="color-inherit link">
<i class="fas fa-female"></i>
</a>
<span class="mt1 f2 fw6 gray5">female</span>
<span class="mt1 f2 o-30">f182</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/fighter-jet.svg" target="_blank" class="color-inherit link">
<i class="fas fa-fighter-jet"></i>
</a>
<span class="mt1 f2 fw6 gray5">fighter-jet</span>
<span class="mt1 f2 o-30">f0fb</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/file.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file"></i>
</a>
<span class="mt1 f2 fw6 gray5">file</span>
<span class="mt1 f2 o-30">f15b</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/file-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-alt</span>
<span class="mt1 f2 o-30">f15c</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/file-archive.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-archive"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-archive</span>
<span class="mt1 f2 o-30">f1c6</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/file-audio.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-audio"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-audio</span>
<span class="mt1 f2 o-30">f1c7</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/file-check.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-check</span>
<span class="mt1 f2 o-30">f316</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/file-code.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-code"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-code</span>
<span class="mt1 f2 o-30">f1c9</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/file-edit.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-edit</span>
<span class="mt1 f2 o-30">f31c</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/file-excel.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-excel"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-excel</span>
<span class="mt1 f2 o-30">f1c3</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/file-exclamation.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-exclamation</span>
<span class="mt1 f2 o-30">f31a</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/file-image.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-image"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-image</span>
<span class="mt1 f2 o-30">f1c5</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/file-minus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-minus</span>
<span class="mt1 f2 o-30">f318</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/file-pdf.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-pdf"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-pdf</span>
<span class="mt1 f2 o-30">f1c1</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/file-plus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-plus</span>
<span class="mt1 f2 o-30">f319</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/file-powerpoint.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-powerpoint"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-powerpoint</span>
<span class="mt1 f2 o-30">f1c4</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/file-times.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-times</span>
<span class="mt1 f2 o-30">f317</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/file-video.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-video"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-video</span>
<span class="mt1 f2 o-30">f1c8</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/file-word.svg" target="_blank" class="color-inherit link">
<i class="fas fa-file-word"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-word</span>
<span class="mt1 f2 o-30">f1c2</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/film.svg" target="_blank" class="color-inherit link">
<i class="fas fa-film"></i>
</a>
<span class="mt1 f2 fw6 gray5">film</span>
<span class="mt1 f2 o-30">f008</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/film-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-film-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">film-alt</span>
<span class="mt1 f2 o-30">f3a0</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/filter.svg" target="_blank" class="color-inherit link">
<i class="fas fa-filter"></i>
</a>
<span class="mt1 f2 fw6 gray5">filter</span>
<span class="mt1 f2 o-30">f0b0</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/fire.svg" target="_blank" class="color-inherit link">
<i class="fas fa-fire"></i>
</a>
<span class="mt1 f2 fw6 gray5">fire</span>
<span class="mt1 f2 o-30">f06d</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/fire-extinguisher.svg" target="_blank" class="color-inherit link">
<i class="fas fa-fire-extinguisher"></i>
</a>
<span class="mt1 f2 fw6 gray5">fire-extinguisher</span>
<span class="mt1 f2 o-30">f134</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/flag.svg" target="_blank" class="color-inherit link">
<i class="fas fa-flag"></i>
</a>
<span class="mt1 f2 fw6 gray5">flag</span>
<span class="mt1 f2 o-30">f024</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/flag-checkered.svg" target="_blank" class="color-inherit link">
<i class="fas fa-flag-checkered"></i>
</a>
<span class="mt1 f2 fw6 gray5">flag-checkered</span>
<span class="mt1 f2 o-30">f11e</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/flask.svg" target="_blank" class="color-inherit link">
<i class="fas fa-flask"></i>
</a>
<span class="mt1 f2 fw6 gray5">flask</span>
<span class="mt1 f2 o-30">f0c3</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/folder.svg" target="_blank" class="color-inherit link">
<i class="fas fa-folder"></i>
</a>
<span class="mt1 f2 fw6 gray5">folder</span>
<span class="mt1 f2 o-30">f07b</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/folder-open.svg" target="_blank" class="color-inherit link">
<i class="fas fa-folder-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">folder-open</span>
<span class="mt1 f2 o-30">f07c</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/font.svg" target="_blank" class="color-inherit link">
<i class="fas fa-font"></i>
</a>
<span class="mt1 f2 fw6 gray5">font</span>
<span class="mt1 f2 o-30">f031</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/forward.svg" target="_blank" class="color-inherit link">
<i class="fas fa-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">forward</span>
<span class="mt1 f2 o-30">f04e</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/frown.svg" target="_blank" class="color-inherit link">
<i class="fas fa-frown"></i>
</a>
<span class="mt1 f2 fw6 gray5">frown</span>
<span class="mt1 f2 o-30">f119</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/futbol.svg" target="_blank" class="color-inherit link">
<i class="fas fa-futbol"></i>
</a>
<span class="mt1 f2 fw6 gray5">futbol</span>
<span class="mt1 f2 o-30">f1e3</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/gamepad.svg" target="_blank" class="color-inherit link">
<i class="fas fa-gamepad"></i>
</a>
<span class="mt1 f2 fw6 gray5">gamepad</span>
<span class="mt1 f2 o-30">f11b</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/gavel.svg" target="_blank" class="color-inherit link">
<i class="fas fa-gavel"></i>
</a>
<span class="mt1 f2 fw6 gray5">gavel</span>
<span class="mt1 f2 o-30">f0e3</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/gem.svg" target="_blank" class="color-inherit link">
<i class="fas fa-gem"></i>
</a>
<span class="mt1 f2 fw6 gray5">gem</span>
<span class="mt1 f2 o-30">f3a5</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/genderless.svg" target="_blank" class="color-inherit link">
<i class="fas fa-genderless"></i>
</a>
<span class="mt1 f2 fw6 gray5">genderless</span>
<span class="mt1 f2 o-30">f22d</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/gift.svg" target="_blank" class="color-inherit link">
<i class="fas fa-gift"></i>
</a>
<span class="mt1 f2 fw6 gray5">gift</span>
<span class="mt1 f2 o-30">f06b</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/glass-martini.svg" target="_blank" class="color-inherit link">
<i class="fas fa-glass-martini"></i>
</a>
<span class="mt1 f2 fw6 gray5">glass-martini</span>
<span class="mt1 f2 o-30">f000</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/globe.svg" target="_blank" class="color-inherit link">
<i class="fas fa-globe"></i>
</a>
<span class="mt1 f2 fw6 gray5">globe</span>
<span class="mt1 f2 o-30">f0ac</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/graduation-cap.svg" target="_blank" class="color-inherit link">
<i class="fas fa-graduation-cap"></i>
</a>
<span class="mt1 f2 fw6 gray5">graduation-cap</span>
<span class="mt1 f2 o-30">f19d</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/h-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-h-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">h-square</span>
<span class="mt1 f2 o-30">f0fd</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/h1.svg" target="_blank" class="color-inherit link">
<i class="fas fa-h1"></i>
</a>
<span class="mt1 f2 fw6 gray5">h1</span>
<span class="mt1 f2 o-30">f313</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/h2.svg" target="_blank" class="color-inherit link">
<i class="fas fa-h2"></i>
</a>
<span class="mt1 f2 fw6 gray5">h2</span>
<span class="mt1 f2 o-30">f314</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/h3.svg" target="_blank" class="color-inherit link">
<i class="fas fa-h3"></i>
</a>
<span class="mt1 f2 fw6 gray5">h3</span>
<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-lizard.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-lizard"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-lizard</span>
<span class="mt1 f2 o-30">f258</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-paper.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-paper"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-paper</span>
<span class="mt1 f2 o-30">f256</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-peace.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-peace"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-peace</span>
<span class="mt1 f2 o-30">f25b</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/hand-pointer.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-pointer"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-pointer</span>
<span class="mt1 f2 o-30">f25a</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-rock.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-rock"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-rock</span>
<span class="mt1 f2 o-30">f255</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-scissors.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-scissors"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-scissors</span>
<span class="mt1 f2 o-30">f257</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-spock.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hand-spock"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-spock</span>
<span class="mt1 f2 o-30">f259</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/handshake.svg" target="_blank" class="color-inherit link">
<i class="fas fa-handshake"></i>
</a>
<span class="mt1 f2 fw6 gray5">handshake</span>
<span class="mt1 f2 o-30">f2b5</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">
<i class="fas fa-hashtag"></i>
</a>
<span class="mt1 f2 fw6 gray5">hashtag</span>
<span class="mt1 f2 o-30">f292</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/hdd.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hdd"></i>
</a>
<span class="mt1 f2 fw6 gray5">hdd</span>
<span class="mt1 f2 o-30">f0a0</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/heading.svg" target="_blank" class="color-inherit link">
<i class="fas fa-heading"></i>
</a>
<span class="mt1 f2 fw6 gray5">heading</span>
<span class="mt1 f2 o-30">f1dc</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/headphones.svg" target="_blank" class="color-inherit link">
<i class="fas fa-headphones"></i>
</a>
<span class="mt1 f2 fw6 gray5">headphones</span>
<span class="mt1 f2 o-30">f025</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/heart.svg" target="_blank" class="color-inherit link">
<i class="fas fa-heart"></i>
</a>
<span class="mt1 f2 fw6 gray5">heart</span>
<span class="mt1 f2 o-30">f004</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/heartbeat.svg" target="_blank" class="color-inherit link">
<i class="fas fa-heartbeat"></i>
</a>
<span class="mt1 f2 fw6 gray5">heartbeat</span>
<span class="mt1 f2 o-30">f21e</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/hexagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">hexagon</span>
<span class="mt1 f2 o-30">f312</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/history.svg" target="_blank" class="color-inherit link">
<i class="fas fa-history"></i>
</a>
<span class="mt1 f2 fw6 gray5">history</span>
<span class="mt1 f2 o-30">f1da</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/home.svg" target="_blank" class="color-inherit link">
<i class="fas fa-home"></i>
</a>
<span class="mt1 f2 fw6 gray5">home</span>
<span class="mt1 f2 o-30">f015</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/hospital.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hospital"></i>
</a>
<span class="mt1 f2 fw6 gray5">hospital</span>
<span class="mt1 f2 o-30">f0f8</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/hourglass.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hourglass"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass</span>
<span class="mt1 f2 o-30">f254</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/hourglass-end.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hourglass-end"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-end</span>
<span class="mt1 f2 o-30">f253</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/hourglass-half.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hourglass-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-half</span>
<span class="mt1 f2 o-30">f252</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/hourglass-start.svg" target="_blank" class="color-inherit link">
<i class="fas fa-hourglass-start"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-start</span>
<span class="mt1 f2 o-30">f251</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/i-cursor.svg" target="_blank" class="color-inherit link">
<i class="fas fa-i-cursor"></i>
</a>
<span class="mt1 f2 fw6 gray5">i-cursor</span>
<span class="mt1 f2 o-30">f246</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/id-badge.svg" target="_blank" class="color-inherit link">
<i class="fas fa-id-badge"></i>
</a>
<span class="mt1 f2 fw6 gray5">id-badge</span>
<span class="mt1 f2 o-30">f2c1</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/id-card.svg" target="_blank" class="color-inherit link">
<i class="fas fa-id-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">id-card</span>
<span class="mt1 f2 o-30">f2c2</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/image.svg" target="_blank" class="color-inherit link">
<i class="fas fa-image"></i>
</a>
<span class="mt1 f2 fw6 gray5">image</span>
<span class="mt1 f2 o-30">f03e</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/images.svg" target="_blank" class="color-inherit link">
<i class="fas fa-images"></i>
</a>
<span class="mt1 f2 fw6 gray5">images</span>
<span class="mt1 f2 o-30">f302</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/inbox.svg" target="_blank" class="color-inherit link">
<i class="fas fa-inbox"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox</span>
<span class="mt1 f2 o-30">f01c</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/inbox-in.svg" target="_blank" class="color-inherit link">
<i class="fas fa-inbox-in"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox-in</span>
<span class="mt1 f2 o-30">f310</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/inbox-out.svg" target="_blank" class="color-inherit link">
<i class="fas fa-inbox-out"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox-out</span>
<span class="mt1 f2 o-30">f311</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/indent.svg" target="_blank" class="color-inherit link">
<i class="fas fa-indent"></i>
</a>
<span class="mt1 f2 fw6 gray5">indent</span>
<span class="mt1 f2 o-30">f03c</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/industry.svg" target="_blank" class="color-inherit link">
<i class="fas fa-industry"></i>
</a>
<span class="mt1 f2 fw6 gray5">industry</span>
<span class="mt1 f2 o-30">f275</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/industry-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-industry-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">industry-alt</span>
<span class="mt1 f2 o-30">f3b3</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/info.svg" target="_blank" class="color-inherit link">
<i class="fas fa-info"></i>
</a>
<span class="mt1 f2 fw6 gray5">info</span>
<span class="mt1 f2 o-30">f129</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/info-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-info-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">info-circle</span>
<span class="mt1 f2 o-30">f05a</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/info-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-info-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">info-square</span>
<span class="mt1 f2 o-30">f30f</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/italic.svg" target="_blank" class="color-inherit link">
<i class="fas fa-italic"></i>
</a>
<span class="mt1 f2 fw6 gray5">italic</span>
<span class="mt1 f2 o-30">f033</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/jack-o-lantern.svg" target="_blank" class="color-inherit link">
<i class="fas fa-jack-o-lantern"></i>
</a>
<span class="mt1 f2 fw6 gray5">jack-o-lantern</span>
<span class="mt1 f2 o-30">f30e</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/key.svg" target="_blank" class="color-inherit link">
<i class="fas fa-key"></i>
</a>
<span class="mt1 f2 fw6 gray5">key</span>
<span class="mt1 f2 o-30">f084</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/keyboard.svg" target="_blank" class="color-inherit link">
<i class="fas fa-keyboard"></i>
</a>
<span class="mt1 f2 fw6 gray5">keyboard</span>
<span class="mt1 f2 o-30">f11c</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/language.svg" target="_blank" class="color-inherit link">
<i class="fas fa-language"></i>
</a>
<span class="mt1 f2 fw6 gray5">language</span>
<span class="mt1 f2 o-30">f1ab</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/laptop.svg" target="_blank" class="color-inherit link">
<i class="fas fa-laptop"></i>
</a>
<span class="mt1 f2 fw6 gray5">laptop</span>
<span class="mt1 f2 o-30">f109</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/leaf.svg" target="_blank" class="color-inherit link">
<i class="fas fa-leaf"></i>
</a>
<span class="mt1 f2 fw6 gray5">leaf</span>
<span class="mt1 f2 o-30">f06c</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/lemon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-lemon"></i>
</a>
<span class="mt1 f2 fw6 gray5">lemon</span>
<span class="mt1 f2 o-30">f094</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/level-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-level-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-down</span>
<span class="mt1 f2 o-30">f149</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/level-down-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-level-down-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-down-alt</span>
<span class="mt1 f2 o-30">f3be</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/level-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-level-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-up</span>
<span class="mt1 f2 o-30">f148</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/level-up-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-level-up-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-up-alt</span>
<span class="mt1 f2 o-30">f3bf</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/life-ring.svg" target="_blank" class="color-inherit link">
<i class="fas fa-life-ring"></i>
</a>
<span class="mt1 f2 fw6 gray5">life-ring</span>
<span class="mt1 f2 o-30">f1cd</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/lightbulb.svg" target="_blank" class="color-inherit link">
<i class="fas fa-lightbulb"></i>
</a>
<span class="mt1 f2 fw6 gray5">lightbulb</span>
<span class="mt1 f2 o-30">f0eb</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/link.svg" target="_blank" class="color-inherit link">
<i class="fas fa-link"></i>
</a>
<span class="mt1 f2 fw6 gray5">link</span>
<span class="mt1 f2 o-30">f0c1</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/lira-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-lira-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">lira-sign</span>
<span class="mt1 f2 o-30">f195</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/list.svg" target="_blank" class="color-inherit link">
<i class="fas fa-list"></i>
</a>
<span class="mt1 f2 fw6 gray5">list</span>
<span class="mt1 f2 o-30">f03a</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/list-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-list-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-alt</span>
<span class="mt1 f2 o-30">f022</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/list-ol.svg" target="_blank" class="color-inherit link">
<i class="fas fa-list-ol"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-ol</span>
<span class="mt1 f2 o-30">f0cb</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/list-ul.svg" target="_blank" class="color-inherit link">
<i class="fas fa-list-ul"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-ul</span>
<span class="mt1 f2 o-30">f0ca</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/location-arrow.svg" target="_blank" class="color-inherit link">
<i class="fas fa-location-arrow"></i>
</a>
<span class="mt1 f2 fw6 gray5">location-arrow</span>
<span class="mt1 f2 o-30">f124</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/lock.svg" target="_blank" class="color-inherit link">
<i class="fas fa-lock"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock</span>
<span class="mt1 f2 o-30">f023</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/lock-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-lock-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-alt</span>
<span class="mt1 f2 o-30">f30d</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/lock-open.svg" target="_blank" class="color-inherit link">
<i class="fas fa-lock-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-open</span>
<span class="mt1 f2 o-30">f3c1</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/lock-open-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-lock-open-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-open-alt</span>
<span class="mt1 f2 o-30">f3c2</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/long-arrow-alt-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-alt-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-down</span>
<span class="mt1 f2 o-30">f309</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/long-arrow-alt-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-alt-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-left</span>
<span class="mt1 f2 o-30">f30a</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/long-arrow-alt-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-alt-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-right</span>
<span class="mt1 f2 o-30">f30b</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/long-arrow-alt-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-alt-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-up</span>
<span class="mt1 f2 o-30">f30c</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/long-arrow-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-down</span>
<span class="mt1 f2 o-30">f175</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/long-arrow-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-left</span>
<span class="mt1 f2 o-30">f177</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/long-arrow-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-right</span>
<span class="mt1 f2 o-30">f178</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/long-arrow-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-long-arrow-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-up</span>
<span class="mt1 f2 o-30">f176</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/low-vision.svg" target="_blank" class="color-inherit link">
<i class="fas fa-low-vision"></i>
</a>
<span class="mt1 f2 fw6 gray5">low-vision</span>
<span class="mt1 f2 o-30">f2a8</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/magic.svg" target="_blank" class="color-inherit link">
<i class="fas fa-magic"></i>
</a>
<span class="mt1 f2 fw6 gray5">magic</span>
<span class="mt1 f2 o-30">f0d0</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/magnet.svg" target="_blank" class="color-inherit link">
<i class="fas fa-magnet"></i>
</a>
<span class="mt1 f2 fw6 gray5">magnet</span>
<span class="mt1 f2 o-30">f076</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/male.svg" target="_blank" class="color-inherit link">
<i class="fas fa-male"></i>
</a>
<span class="mt1 f2 fw6 gray5">male</span>
<span class="mt1 f2 o-30">f183</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/map.svg" target="_blank" class="color-inherit link">
<i class="fas fa-map"></i>
</a>
<span class="mt1 f2 fw6 gray5">map</span>
<span class="mt1 f2 o-30">f279</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/map-marker.svg" target="_blank" class="color-inherit link">
<i class="fas fa-map-marker"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-marker</span>
<span class="mt1 f2 o-30">f041</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/map-marker-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-map-marker-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-marker-alt</span>
<span class="mt1 f2 o-30">f3c5</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/map-pin.svg" target="_blank" class="color-inherit link">
<i class="fas fa-map-pin"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-pin</span>
<span class="mt1 f2 o-30">f276</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/map-signs.svg" target="_blank" class="color-inherit link">
<i class="fas fa-map-signs"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-signs</span>
<span class="mt1 f2 o-30">f277</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/mars.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mars"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars</span>
<span class="mt1 f2 o-30">f222</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/mars-double.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mars-double"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-double</span>
<span class="mt1 f2 o-30">f227</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/mars-stroke.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mars-stroke"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke</span>
<span class="mt1 f2 o-30">f229</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/mars-stroke-h.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mars-stroke-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke-h</span>
<span class="mt1 f2 o-30">f22b</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/mars-stroke-v.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mars-stroke-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke-v</span>
<span class="mt1 f2 o-30">f22a</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/medkit.svg" target="_blank" class="color-inherit link">
<i class="fas fa-medkit"></i>
</a>
<span class="mt1 f2 fw6 gray5">medkit</span>
<span class="mt1 f2 o-30">f0fa</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/meh.svg" target="_blank" class="color-inherit link">
<i class="fas fa-meh"></i>
</a>
<span class="mt1 f2 fw6 gray5">meh</span>
<span class="mt1 f2 o-30">f11a</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/mercury.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mercury"></i>
</a>
<span class="mt1 f2 fw6 gray5">mercury</span>
<span class="mt1 f2 o-30">f223</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/microchip.svg" target="_blank" class="color-inherit link">
<i class="fas fa-microchip"></i>
</a>
<span class="mt1 f2 fw6 gray5">microchip</span>
<span class="mt1 f2 o-30">f2db</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/microphone.svg" target="_blank" class="color-inherit link">
<i class="fas fa-microphone"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone</span>
<span class="mt1 f2 o-30">f130</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/microphone-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-microphone-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone-alt</span>
<span class="mt1 f2 o-30">f3c9</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/microphone-slash.svg" target="_blank" class="color-inherit link">
<i class="fas fa-microphone-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone-slash</span>
<span class="mt1 f2 o-30">f131</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/minus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus</span>
<span class="mt1 f2 o-30">f068</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/minus-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-minus-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-circle</span>
<span class="mt1 f2 o-30">f056</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/minus-hexagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-minus-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-hexagon</span>
<span class="mt1 f2 o-30">f307</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/minus-octagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-minus-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-octagon</span>
<span class="mt1 f2 o-30">f308</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/minus-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-minus-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-square</span>
<span class="mt1 f2 o-30">f146</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/mobile.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mobile"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile</span>
<span class="mt1 f2 o-30">f10b</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/mobile-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mobile-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-alt</span>
<span class="mt1 f2 o-30">f3cd</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/mobile-android.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mobile-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-android</span>
<span class="mt1 f2 o-30">f3ce</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/mobile-android-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mobile-android-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-android-alt</span>
<span class="mt1 f2 o-30">f3cf</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/money-bill.svg" target="_blank" class="color-inherit link">
<i class="fas fa-money-bill"></i>
</a>
<span class="mt1 f2 fw6 gray5">money-bill</span>
<span class="mt1 f2 o-30">f0d6</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/money-bill-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-money-bill-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">money-bill-alt</span>
<span class="mt1 f2 o-30">f3d1</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/moon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-moon"></i>
</a>
<span class="mt1 f2 fw6 gray5">moon</span>
<span class="mt1 f2 o-30">f186</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/motorcycle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-motorcycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">motorcycle</span>
<span class="mt1 f2 o-30">f21c</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/mouse-pointer.svg" target="_blank" class="color-inherit link">
<i class="fas fa-mouse-pointer"></i>
</a>
<span class="mt1 f2 fw6 gray5">mouse-pointer</span>
<span class="mt1 f2 o-30">f245</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/music.svg" target="_blank" class="color-inherit link">
<i class="fas fa-music"></i>
</a>
<span class="mt1 f2 fw6 gray5">music</span>
<span class="mt1 f2 o-30">f001</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/neuter.svg" target="_blank" class="color-inherit link">
<i class="fas fa-neuter"></i>
</a>
<span class="mt1 f2 fw6 gray5">neuter</span>
<span class="mt1 f2 o-30">f22c</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/newspaper.svg" target="_blank" class="color-inherit link">
<i class="fas fa-newspaper"></i>
</a>
<span class="mt1 f2 fw6 gray5">newspaper</span>
<span class="mt1 f2 o-30">f1ea</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/object-group.svg" target="_blank" class="color-inherit link">
<i class="fas fa-object-group"></i>
</a>
<span class="mt1 f2 fw6 gray5">object-group</span>
<span class="mt1 f2 o-30">f247</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/object-ungroup.svg" target="_blank" class="color-inherit link">
<i class="fas fa-object-ungroup"></i>
</a>
<span class="mt1 f2 fw6 gray5">object-ungroup</span>
<span class="mt1 f2 o-30">f248</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/octagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">octagon</span>
<span class="mt1 f2 o-30">f306</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/outdent.svg" target="_blank" class="color-inherit link">
<i class="fas fa-outdent"></i>
</a>
<span class="mt1 f2 fw6 gray5">outdent</span>
<span class="mt1 f2 o-30">f03b</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/paint-brush.svg" target="_blank" class="color-inherit link">
<i class="fas fa-paint-brush"></i>
</a>
<span class="mt1 f2 fw6 gray5">paint-brush</span>
<span class="mt1 f2 o-30">f1fc</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/paper-plane.svg" target="_blank" class="color-inherit link">
<i class="fas fa-paper-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">paper-plane</span>
<span class="mt1 f2 o-30">f1d8</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/paperclip.svg" target="_blank" class="color-inherit link">
<i class="fas fa-paperclip"></i>
</a>
<span class="mt1 f2 fw6 gray5">paperclip</span>
<span class="mt1 f2 o-30">f0c6</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/paragraph.svg" target="_blank" class="color-inherit link">
<i class="fas fa-paragraph"></i>
</a>
<span class="mt1 f2 fw6 gray5">paragraph</span>
<span class="mt1 f2 o-30">f1dd</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/paste.svg" target="_blank" class="color-inherit link">
<i class="fas fa-paste"></i>
</a>
<span class="mt1 f2 fw6 gray5">paste</span>
<span class="mt1 f2 o-30">f0ea</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/pause.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pause"></i>
</a>
<span class="mt1 f2 fw6 gray5">pause</span>
<span class="mt1 f2 o-30">f04c</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/pause-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pause-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">pause-circle</span>
<span class="mt1 f2 o-30">f28b</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/paw.svg" target="_blank" class="color-inherit link">
<i class="fas fa-paw"></i>
</a>
<span class="mt1 f2 fw6 gray5">paw</span>
<span class="mt1 f2 o-30">f1b0</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/pen.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pen"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen</span>
<span class="mt1 f2 o-30">f304</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/pen-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pen-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen-alt</span>
<span class="mt1 f2 o-30">f305</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/pen-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pen-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen-square</span>
<span class="mt1 f2 o-30">f14b</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/pencil.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pencil"></i>
</a>
<span class="mt1 f2 fw6 gray5">pencil</span>
<span class="mt1 f2 o-30">f040</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/pencil-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pencil-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">pencil-alt</span>
<span class="mt1 f2 o-30">f303</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/percent.svg" target="_blank" class="color-inherit link">
<i class="fas fa-percent"></i>
</a>
<span class="mt1 f2 fw6 gray5">percent</span>
<span class="mt1 f2 o-30">f295</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/phone.svg" target="_blank" class="color-inherit link">
<i class="fas fa-phone"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone</span>
<span class="mt1 f2 o-30">f095</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/phone-slash.svg" target="_blank" class="color-inherit link">
<i class="fas fa-phone-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-slash</span>
<span class="mt1 f2 o-30">f3dd</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/phone-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-phone-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-square</span>
<span class="mt1 f2 o-30">f098</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/phone-volume.svg" target="_blank" class="color-inherit link">
<i class="fas fa-phone-volume"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-volume</span>
<span class="mt1 f2 o-30">f2a0</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/plane.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">plane</span>
<span class="mt1 f2 o-30">f072</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/plane-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plane-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">plane-alt</span>
<span class="mt1 f2 o-30">f3de</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/play.svg" target="_blank" class="color-inherit link">
<i class="fas fa-play"></i>
</a>
<span class="mt1 f2 fw6 gray5">play</span>
<span class="mt1 f2 o-30">f04b</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/play-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-play-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">play-circle</span>
<span class="mt1 f2 o-30">f144</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/plug.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plug"></i>
</a>
<span class="mt1 f2 fw6 gray5">plug</span>
<span class="mt1 f2 o-30">f1e6</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/plus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus</span>
<span class="mt1 f2 o-30">f067</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/plus-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plus-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-circle</span>
<span class="mt1 f2 o-30">f055</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/plus-hexagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plus-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-hexagon</span>
<span class="mt1 f2 o-30">f300</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/plus-octagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plus-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-octagon</span>
<span class="mt1 f2 o-30">f301</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/plus-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-plus-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-square</span>
<span class="mt1 f2 o-30">f0fe</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/podcast.svg" target="_blank" class="color-inherit link">
<i class="fas fa-podcast"></i>
</a>
<span class="mt1 f2 fw6 gray5">podcast</span>
<span class="mt1 f2 o-30">f2ce</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/poo.svg" target="_blank" class="color-inherit link">
<i class="fas fa-poo"></i>
</a>
<span class="mt1 f2 fw6 gray5">poo</span>
<span class="mt1 f2 o-30">f2fe</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/portrait.svg" target="_blank" class="color-inherit link">
<i class="fas fa-portrait"></i>
</a>
<span class="mt1 f2 fw6 gray5">portrait</span>
<span class="mt1 f2 o-30">f3e0</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/pound-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-pound-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">pound-sign</span>
<span class="mt1 f2 o-30">f154</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/power-off.svg" target="_blank" class="color-inherit link">
<i class="fas fa-power-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">power-off</span>
<span class="mt1 f2 o-30">f011</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/print.svg" target="_blank" class="color-inherit link">
<i class="fas fa-print"></i>
</a>
<span class="mt1 f2 fw6 gray5">print</span>
<span class="mt1 f2 o-30">f02f</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/puzzle-piece.svg" target="_blank" class="color-inherit link">
<i class="fas fa-puzzle-piece"></i>
</a>
<span class="mt1 f2 fw6 gray5">puzzle-piece</span>
<span class="mt1 f2 o-30">f12e</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/qrcode.svg" target="_blank" class="color-inherit link">
<i class="fas fa-qrcode"></i>
</a>
<span class="mt1 f2 fw6 gray5">qrcode</span>
<span class="mt1 f2 o-30">f029</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/question.svg" target="_blank" class="color-inherit link">
<i class="fas fa-question"></i>
</a>
<span class="mt1 f2 fw6 gray5">question</span>
<span class="mt1 f2 o-30">f128</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/question-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-question-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">question-circle</span>
<span class="mt1 f2 o-30">f059</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/question-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-question-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">question-square</span>
<span class="mt1 f2 o-30">f2fd</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/quote-left.svg" target="_blank" class="color-inherit link">
<i class="fas fa-quote-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">quote-left</span>
<span class="mt1 f2 o-30">f10d</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/quote-right.svg" target="_blank" class="color-inherit link">
<i class="fas fa-quote-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">quote-right</span>
<span class="mt1 f2 o-30">f10e</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/random.svg" target="_blank" class="color-inherit link">
<i class="fas fa-random"></i>
</a>
<span class="mt1 f2 fw6 gray5">random</span>
<span class="mt1 f2 o-30">f074</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/rectangle-landscape.svg" target="_blank" class="color-inherit link">
<i class="fas fa-rectangle-landscape"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-landscape</span>
<span class="mt1 f2 o-30">f2fa</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/rectangle-portrait.svg" target="_blank" class="color-inherit link">
<i class="fas fa-rectangle-portrait"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-portrait</span>
<span class="mt1 f2 o-30">f2fb</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/rectangle-wide.svg" target="_blank" class="color-inherit link">
<i class="fas fa-rectangle-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-wide</span>
<span class="mt1 f2 o-30">f2fc</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/recycle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-recycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">recycle</span>
<span class="mt1 f2 o-30">f1b8</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/redo.svg" target="_blank" class="color-inherit link">
<i class="fas fa-redo"></i>
</a>
<span class="mt1 f2 fw6 gray5">redo</span>
<span class="mt1 f2 o-30">f01e</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/redo-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-redo-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">redo-alt</span>
<span class="mt1 f2 o-30">f2f9</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/registered.svg" target="_blank" class="color-inherit link">
<i class="fas fa-registered"></i>
</a>
<span class="mt1 f2 fw6 gray5">registered</span>
<span class="mt1 f2 o-30">f25d</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/repeat.svg" target="_blank" class="color-inherit link">
<i class="fas fa-repeat"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat</span>
<span class="mt1 f2 o-30">f363</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/repeat-1.svg" target="_blank" class="color-inherit link">
<i class="fas fa-repeat-1"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-1</span>
<span class="mt1 f2 o-30">f365</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/repeat-1-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-repeat-1-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-1-alt</span>
<span class="mt1 f2 o-30">f366</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/repeat-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-repeat-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-alt</span>
<span class="mt1 f2 o-30">f364</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/reply.svg" target="_blank" class="color-inherit link">
<i class="fas fa-reply"></i>
</a>
<span class="mt1 f2 fw6 gray5">reply</span>
<span class="mt1 f2 o-30">f3e5</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/reply-all.svg" target="_blank" class="color-inherit link">
<i class="fas fa-reply-all"></i>
</a>
<span class="mt1 f2 fw6 gray5">reply-all</span>
<span class="mt1 f2 o-30">f122</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/retweet.svg" target="_blank" class="color-inherit link">
<i class="fas fa-retweet"></i>
</a>
<span class="mt1 f2 fw6 gray5">retweet</span>
<span class="mt1 f2 o-30">f079</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/retweet-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-retweet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">retweet-alt</span>
<span class="mt1 f2 o-30">f361</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/road.svg" target="_blank" class="color-inherit link">
<i class="fas fa-road"></i>
</a>
<span class="mt1 f2 fw6 gray5">road</span>
<span class="mt1 f2 o-30">f018</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/rocket.svg" target="_blank" class="color-inherit link">
<i class="fas fa-rocket"></i>
</a>
<span class="mt1 f2 fw6 gray5">rocket</span>
<span class="mt1 f2 o-30">f135</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/rss.svg" target="_blank" class="color-inherit link">
<i class="fas fa-rss"></i>
</a>
<span class="mt1 f2 fw6 gray5">rss</span>
<span class="mt1 f2 o-30">f09e</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/rss-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-rss-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">rss-square</span>
<span class="mt1 f2 o-30">f143</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/ruble-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ruble-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">ruble-sign</span>
<span class="mt1 f2 o-30">f158</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/rupee-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-rupee-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">rupee-sign</span>
<span class="mt1 f2 o-30">f156</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/save.svg" target="_blank" class="color-inherit link">
<i class="fas fa-save"></i>
</a>
<span class="mt1 f2 fw6 gray5">save</span>
<span class="mt1 f2 o-30">f0c7</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/scrubber.svg" target="_blank" class="color-inherit link">
<i class="fas fa-scrubber"></i>
</a>
<span class="mt1 f2 fw6 gray5">scrubber</span>
<span class="mt1 f2 o-30">f2f8</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/search.svg" target="_blank" class="color-inherit link">
<i class="fas fa-search"></i>
</a>
<span class="mt1 f2 fw6 gray5">search</span>
<span class="mt1 f2 o-30">f002</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/search-minus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-search-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">search-minus</span>
<span class="mt1 f2 o-30">f010</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/search-plus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-search-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">search-plus</span>
<span class="mt1 f2 o-30">f00e</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/server.svg" target="_blank" class="color-inherit link">
<i class="fas fa-server"></i>
</a>
<span class="mt1 f2 fw6 gray5">server</span>
<span class="mt1 f2 o-30">f233</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/share.svg" target="_blank" class="color-inherit link">
<i class="fas fa-share"></i>
</a>
<span class="mt1 f2 fw6 gray5">share</span>
<span class="mt1 f2 o-30">f064</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/share-all.svg" target="_blank" class="color-inherit link">
<i class="fas fa-share-all"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-all</span>
<span class="mt1 f2 o-30">f367</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/share-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-share-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-alt</span>
<span class="mt1 f2 o-30">f1e0</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/share-alt-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-share-alt-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-alt-square</span>
<span class="mt1 f2 o-30">f1e1</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/share-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-share-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-square</span>
<span class="mt1 f2 o-30">f14d</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/shekel-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shekel-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">shekel-sign</span>
<span class="mt1 f2 o-30">f20b</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/shield.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shield"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield</span>
<span class="mt1 f2 o-30">f132</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/shield-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shield-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/shield-check.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shield-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield-check</span>
<span class="mt1 f2 o-30">f2f7</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/ship.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ship"></i>
</a>
<span class="mt1 f2 fw6 gray5">ship</span>
<span class="mt1 f2 o-30">f21a</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/shopping-bag.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shopping-bag"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-bag</span>
<span class="mt1 f2 o-30">f290</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/shopping-basket.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shopping-basket"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-basket</span>
<span class="mt1 f2 o-30">f291</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/shopping-cart.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shopping-cart"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-cart</span>
<span class="mt1 f2 o-30">f07a</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/shower.svg" target="_blank" class="color-inherit link">
<i class="fas fa-shower"></i>
</a>
<span class="mt1 f2 fw6 gray5">shower</span>
<span class="mt1 f2 o-30">f2cc</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/sign-in.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sign-in"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-in</span>
<span class="mt1 f2 o-30">f090</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/sign-in-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sign-in-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-in-alt</span>
<span class="mt1 f2 o-30">f2f6</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/sign-language.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sign-language"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-language</span>
<span class="mt1 f2 o-30">f2a7</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/sign-out.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sign-out"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-out</span>
<span class="mt1 f2 o-30">f08b</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/sign-out-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sign-out-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-out-alt</span>
<span class="mt1 f2 o-30">f2f5</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/signal.svg" target="_blank" class="color-inherit link">
<i class="fas fa-signal"></i>
</a>
<span class="mt1 f2 fw6 gray5">signal</span>
<span class="mt1 f2 o-30">f012</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/sitemap.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sitemap"></i>
</a>
<span class="mt1 f2 fw6 gray5">sitemap</span>
<span class="mt1 f2 o-30">f0e8</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/sliders-h.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sliders-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-h</span>
<span class="mt1 f2 o-30">f1de</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/sliders-h-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sliders-h-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-h-square</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/sliders-v.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sliders-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-v</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/sliders-v-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sliders-v-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-v-square</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/smile.svg" target="_blank" class="color-inherit link">
<i class="fas fa-smile"></i>
</a>
<span class="mt1 f2 fw6 gray5">smile</span>
<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">
<i class="fas fa-sort"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort</span>
<span class="mt1 f2 o-30">f0dc</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-alpha-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-alpha-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-alpha-down</span>
<span class="mt1 f2 o-30">f15d</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-alpha-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-alpha-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-alpha-up</span>
<span class="mt1 f2 o-30">f15e</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-amount-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-amount-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-amount-down</span>
<span class="mt1 f2 o-30">f160</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-amount-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-amount-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-amount-up</span>
<span class="mt1 f2 o-30">f161</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-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-down</span>
<span class="mt1 f2 o-30">f0dd</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-numeric-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-numeric-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-numeric-down</span>
<span class="mt1 f2 o-30">f162</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-numeric-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-numeric-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-numeric-up</span>
<span class="mt1 f2 o-30">f163</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-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sort-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-up</span>
<span class="mt1 f2 o-30">f0de</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/space-shuttle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-space-shuttle"></i>
</a>
<span class="mt1 f2 fw6 gray5">space-shuttle</span>
<span class="mt1 f2 o-30">f197</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/spade.svg" target="_blank" class="color-inherit link">
<i class="fas fa-spade"></i>
</a>
<span class="mt1 f2 fw6 gray5">spade</span>
<span class="mt1 f2 o-30">f2f4</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/spinner.svg" target="_blank" class="color-inherit link">
<i class="fas fa-spinner"></i>
</a>
<span class="mt1 f2 fw6 gray5">spinner</span>
<span class="mt1 f2 o-30">f110</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/spinner-third.svg" target="_blank" class="color-inherit link">
<i class="fas fa-spinner-third"></i>
</a>
<span class="mt1 f2 fw6 gray5">spinner-third</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">square</span>
<span class="mt1 f2 o-30">f0c8</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/star.svg" target="_blank" class="color-inherit link">
<i class="fas fa-star"></i>
</a>
<span class="mt1 f2 fw6 gray5">star</span>
<span class="mt1 f2 o-30">f005</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/star-exclamation.svg" target="_blank" class="color-inherit link">
<i class="fas fa-star-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">star-exclamation</span>
<span class="mt1 f2 o-30">f2f3</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/star-half.svg" target="_blank" class="color-inherit link">
<i class="fas fa-star-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">star-half</span>
<span class="mt1 f2 o-30">f089</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/step-backward.svg" target="_blank" class="color-inherit link">
<i class="fas fa-step-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">step-backward</span>
<span class="mt1 f2 o-30">f048</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/step-forward.svg" target="_blank" class="color-inherit link">
<i class="fas fa-step-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">step-forward</span>
<span class="mt1 f2 o-30">f051</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/stethoscope.svg" target="_blank" class="color-inherit link">
<i class="fas fa-stethoscope"></i>
</a>
<span class="mt1 f2 fw6 gray5">stethoscope</span>
<span class="mt1 f2 o-30">f0f1</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/sticky-note.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sticky-note"></i>
</a>
<span class="mt1 f2 fw6 gray5">sticky-note</span>
<span class="mt1 f2 o-30">f249</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/stop.svg" target="_blank" class="color-inherit link">
<i class="fas fa-stop"></i>
</a>
<span class="mt1 f2 fw6 gray5">stop</span>
<span class="mt1 f2 o-30">f04d</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/stop-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-stop-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">stop-circle</span>
<span class="mt1 f2 o-30">f28d</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/stopwatch.svg" target="_blank" class="color-inherit link">
<i class="fas fa-stopwatch"></i>
</a>
<span class="mt1 f2 fw6 gray5">stopwatch</span>
<span class="mt1 f2 o-30">f2f2</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/street-view.svg" target="_blank" class="color-inherit link">
<i class="fas fa-street-view"></i>
</a>
<span class="mt1 f2 fw6 gray5">street-view</span>
<span class="mt1 f2 o-30">f21d</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/strikethrough.svg" target="_blank" class="color-inherit link">
<i class="fas fa-strikethrough"></i>
</a>
<span class="mt1 f2 fw6 gray5">strikethrough</span>
<span class="mt1 f2 o-30">f0cc</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/subscript.svg" target="_blank" class="color-inherit link">
<i class="fas fa-subscript"></i>
</a>
<span class="mt1 f2 fw6 gray5">subscript</span>
<span class="mt1 f2 o-30">f12c</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/subway.svg" target="_blank" class="color-inherit link">
<i class="fas fa-subway"></i>
</a>
<span class="mt1 f2 fw6 gray5">subway</span>
<span class="mt1 f2 o-30">f239</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/suitcase.svg" target="_blank" class="color-inherit link">
<i class="fas fa-suitcase"></i>
</a>
<span class="mt1 f2 fw6 gray5">suitcase</span>
<span class="mt1 f2 o-30">f0f2</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/sun.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sun"></i>
</a>
<span class="mt1 f2 fw6 gray5">sun</span>
<span class="mt1 f2 o-30">f185</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/superscript.svg" target="_blank" class="color-inherit link">
<i class="fas fa-superscript"></i>
</a>
<span class="mt1 f2 fw6 gray5">superscript</span>
<span class="mt1 f2 o-30">f12b</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/sync.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sync"></i>
</a>
<span class="mt1 f2 fw6 gray5">sync</span>
<span class="mt1 f2 o-30">f021</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/sync-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-sync-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sync-alt</span>
<span class="mt1 f2 o-30">f2f1</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/table.svg" target="_blank" class="color-inherit link">
<i class="fas fa-table"></i>
</a>
<span class="mt1 f2 fw6 gray5">table</span>
<span class="mt1 f2 o-30">f0ce</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/tablet.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tablet"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet</span>
<span class="mt1 f2 o-30">f10a</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/tablet-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tablet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/tablet-android.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tablet-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/tablet-android-alt.svg" target="_blank" class="color-inherit link">
<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">f3fc</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">f3fd</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/tag.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tag"></i>
</a>
<span class="mt1 f2 fw6 gray5">tag</span>
<span class="mt1 f2 o-30">f02b</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/tags.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tags"></i>
</a>
<span class="mt1 f2 fw6 gray5">tags</span>
<span class="mt1 f2 o-30">f02c</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/tasks.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tasks"></i>
</a>
<span class="mt1 f2 fw6 gray5">tasks</span>
<span class="mt1 f2 o-30">f0ae</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/taxi.svg" target="_blank" class="color-inherit link">
<i class="fas fa-taxi"></i>
</a>
<span class="mt1 f2 fw6 gray5">taxi</span>
<span class="mt1 f2 o-30">f1ba</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/terminal.svg" target="_blank" class="color-inherit link">
<i class="fas fa-terminal"></i>
</a>
<span class="mt1 f2 fw6 gray5">terminal</span>
<span class="mt1 f2 o-30">f120</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/text-height.svg" target="_blank" class="color-inherit link">
<i class="fas fa-text-height"></i>
</a>
<span class="mt1 f2 fw6 gray5">text-height</span>
<span class="mt1 f2 o-30">f034</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/text-width.svg" target="_blank" class="color-inherit link">
<i class="fas fa-text-width"></i>
</a>
<span class="mt1 f2 fw6 gray5">text-width</span>
<span class="mt1 f2 o-30">f035</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/th.svg" target="_blank" class="color-inherit link">
<i class="fas fa-th"></i>
</a>
<span class="mt1 f2 fw6 gray5">th</span>
<span class="mt1 f2 o-30">f00a</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/th-large.svg" target="_blank" class="color-inherit link">
<i class="fas fa-th-large"></i>
</a>
<span class="mt1 f2 fw6 gray5">th-large</span>
<span class="mt1 f2 o-30">f009</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/th-list.svg" target="_blank" class="color-inherit link">
<i class="fas fa-th-list"></i>
</a>
<span class="mt1 f2 fw6 gray5">th-list</span>
<span class="mt1 f2 o-30">f00b</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/thermometer-empty.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thermometer-empty"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-empty</span>
<span class="mt1 f2 o-30">f2cb</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/thermometer-full.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thermometer-full"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-full</span>
<span class="mt1 f2 o-30">f2c7</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/thermometer-half.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thermometer-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-half</span>
<span class="mt1 f2 o-30">f2c9</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/thermometer-quarter.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thermometer-quarter"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-quarter</span>
<span class="mt1 f2 o-30">f2ca</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/thermometer-three-quarters.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thermometer-three-quarters"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-three-quarters</span>
<span class="mt1 f2 o-30">f2c8</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/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thumbs-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbs-down</span>
<span class="mt1 f2 o-30">f165</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/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thumbs-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbs-up</span>
<span class="mt1 f2 o-30">f164</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/thumbtack.svg" target="_blank" class="color-inherit link">
<i class="fas fa-thumbtack"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbtack</span>
<span class="mt1 f2 o-30">f08d</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/ticket.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ticket"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket</span>
<span class="mt1 f2 o-30">f145</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/ticket-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-ticket-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/times.svg" target="_blank" class="color-inherit link">
<i class="fas fa-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">times</span>
<span class="mt1 f2 o-30">f00d</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/times-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-times-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-circle</span>
<span class="mt1 f2 o-30">f057</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/times-hexagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-times-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-hexagon</span>
<span class="mt1 f2 o-30">f2ee</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/times-octagon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-times-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-octagon</span>
<span class="mt1 f2 o-30">f2f0</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/times-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-times-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-square</span>
<span class="mt1 f2 o-30">f2d3</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/tint.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tint"></i>
</a>
<span class="mt1 f2 fw6 gray5">tint</span>
<span class="mt1 f2 o-30">f043</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/toggle-off.svg" target="_blank" class="color-inherit link">
<i class="fas fa-toggle-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">toggle-off</span>
<span class="mt1 f2 o-30">f204</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/toggle-on.svg" target="_blank" class="color-inherit link">
<i class="fas fa-toggle-on"></i>
</a>
<span class="mt1 f2 fw6 gray5">toggle-on</span>
<span class="mt1 f2 o-30">f205</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/trademark.svg" target="_blank" class="color-inherit link">
<i class="fas fa-trademark"></i>
</a>
<span class="mt1 f2 fw6 gray5">trademark</span>
<span class="mt1 f2 o-30">f25c</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/train.svg" target="_blank" class="color-inherit link">
<i class="fas fa-train"></i>
</a>
<span class="mt1 f2 fw6 gray5">train</span>
<span class="mt1 f2 o-30">f238</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/transgender.svg" target="_blank" class="color-inherit link">
<i class="fas fa-transgender"></i>
</a>
<span class="mt1 f2 fw6 gray5">transgender</span>
<span class="mt1 f2 o-30">f224</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/transgender-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-transgender-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">transgender-alt</span>
<span class="mt1 f2 o-30">f225</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/trash.svg" target="_blank" class="color-inherit link">
<i class="fas fa-trash"></i>
</a>
<span class="mt1 f2 fw6 gray5">trash</span>
<span class="mt1 f2 o-30">f1f8</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/trash-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-trash-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">trash-alt</span>
<span class="mt1 f2 o-30">f2ed</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/tree.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tree"></i>
</a>
<span class="mt1 f2 fw6 gray5">tree</span>
<span class="mt1 f2 o-30">f1bb</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/tree-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tree-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tree-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/triangle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-triangle"></i>
</a>
<span class="mt1 f2 fw6 gray5">triangle</span>
<span class="mt1 f2 o-30">f2ec</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/trophy.svg" target="_blank" class="color-inherit link">
<i class="fas fa-trophy"></i>
</a>
<span class="mt1 f2 fw6 gray5">trophy</span>
<span class="mt1 f2 o-30">f091</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/trophy-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-trophy-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">trophy-alt</span>
<span class="mt1 f2 o-30">f2eb</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/truck.svg" target="_blank" class="color-inherit link">
<i class="fas fa-truck"></i>
</a>
<span class="mt1 f2 fw6 gray5">truck</span>
<span class="mt1 f2 o-30">f0d1</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/tty.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tty"></i>
</a>
<span class="mt1 f2 fw6 gray5">tty</span>
<span class="mt1 f2 o-30">f1e4</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/tv.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tv"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv</span>
<span class="mt1 f2 o-30">f26c</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/tv-retro.svg" target="_blank" class="color-inherit link">
<i class="fas fa-tv-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/solid/umbrella.svg" target="_blank" class="color-inherit link">
<i class="fas fa-umbrella"></i>
</a>
<span class="mt1 f2 fw6 gray5">umbrella</span>
<span class="mt1 f2 o-30">f0e9</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/underline.svg" target="_blank" class="color-inherit link">
<i class="fas fa-underline"></i>
</a>
<span class="mt1 f2 fw6 gray5">underline</span>
<span class="mt1 f2 o-30">f0cd</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/undo.svg" target="_blank" class="color-inherit link">
<i class="fas fa-undo"></i>
</a>
<span class="mt1 f2 fw6 gray5">undo</span>
<span class="mt1 f2 o-30">f0e2</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/undo-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-undo-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">undo-alt</span>
<span class="mt1 f2 o-30">f2ea</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/universal-access.svg" target="_blank" class="color-inherit link">
<i class="fas fa-universal-access"></i>
</a>
<span class="mt1 f2 fw6 gray5">universal-access</span>
<span class="mt1 f2 o-30">f29a</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/university.svg" target="_blank" class="color-inherit link">
<i class="fas fa-university"></i>
</a>
<span class="mt1 f2 fw6 gray5">university</span>
<span class="mt1 f2 o-30">f19c</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/unlink.svg" target="_blank" class="color-inherit link">
<i class="fas fa-unlink"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlink</span>
<span class="mt1 f2 o-30">f127</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/unlock.svg" target="_blank" class="color-inherit link">
<i class="fas fa-unlock"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlock</span>
<span class="mt1 f2 o-30">f09c</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/unlock-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-unlock-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlock-alt</span>
<span class="mt1 f2 o-30">f13e</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/upload.svg" target="_blank" class="color-inherit link">
<i class="fas fa-upload"></i>
</a>
<span class="mt1 f2 fw6 gray5">upload</span>
<span class="mt1 f2 o-30">f093</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/usd-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-usd-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">usd-circle</span>
<span class="mt1 f2 o-30">f2e8</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/usd-square.svg" target="_blank" class="color-inherit link">
<i class="fas fa-usd-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">usd-square</span>
<span class="mt1 f2 o-30">f2e9</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/user.svg" target="_blank" class="color-inherit link">
<i class="fas fa-user"></i>
</a>
<span class="mt1 f2 fw6 gray5">user</span>
<span class="mt1 f2 o-30">f007</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/user-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-user-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">f406</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/user-circle.svg" target="_blank" class="color-inherit link">
<i class="fas fa-user-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-circle</span>
<span class="mt1 f2 o-30">f2bd</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/user-md.svg" target="_blank" class="color-inherit link">
<i class="fas fa-user-md"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-md</span>
<span class="mt1 f2 o-30">f0f0</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/user-plus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-user-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-plus</span>
<span class="mt1 f2 o-30">f234</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/user-secret.svg" target="_blank" class="color-inherit link">
<i class="fas fa-user-secret"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-secret</span>
<span class="mt1 f2 o-30">f21b</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/user-times.svg" target="_blank" class="color-inherit link">
<i class="fas fa-user-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-times</span>
<span class="mt1 f2 o-30">f235</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/users.svg" target="_blank" class="color-inherit link">
<i class="fas fa-users"></i>
</a>
<span class="mt1 f2 fw6 gray5">users</span>
<span class="mt1 f2 o-30">f0c0</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/utensil-fork.svg" target="_blank" class="color-inherit link">
<i class="fas fa-utensil-fork"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-fork</span>
<span class="mt1 f2 o-30">f2e3</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/utensil-knife.svg" target="_blank" class="color-inherit link">
<i class="fas fa-utensil-knife"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-knife</span>
<span class="mt1 f2 o-30">f2e4</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/utensil-spoon.svg" target="_blank" class="color-inherit link">
<i class="fas fa-utensil-spoon"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-spoon</span>
<span class="mt1 f2 o-30">f2e5</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/utensils.svg" target="_blank" class="color-inherit link">
<i class="fas fa-utensils"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensils</span>
<span class="mt1 f2 o-30">f2e7</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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-utensils-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensils-alt</span>
<span class="mt1 f2 o-30">f2e6</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/venus.svg" target="_blank" class="color-inherit link">
<i class="fas fa-venus"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus</span>
<span class="mt1 f2 o-30">f221</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/venus-double.svg" target="_blank" class="color-inherit link">
<i class="fas fa-venus-double"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus-double</span>
<span class="mt1 f2 o-30">f226</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/venus-mars.svg" target="_blank" class="color-inherit link">
<i class="fas fa-venus-mars"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus-mars</span>
<span class="mt1 f2 o-30">f228</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/video.svg" target="_blank" class="color-inherit link">
<i class="fas fa-video"></i>
</a>
<span class="mt1 f2 fw6 gray5">video</span>
<span class="mt1 f2 o-30">f03d</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/volume-down.svg" target="_blank" class="color-inherit link">
<i class="fas fa-volume-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-down</span>
<span class="mt1 f2 o-30">f027</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/volume-mute.svg" target="_blank" class="color-inherit link">
<i class="fas fa-volume-mute"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-mute</span>
<span class="mt1 f2 o-30">f2e2</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/volume-off.svg" target="_blank" class="color-inherit link">
<i class="fas fa-volume-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-off</span>
<span class="mt1 f2 o-30">f026</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/volume-up.svg" target="_blank" class="color-inherit link">
<i class="fas fa-volume-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-up</span>
<span class="mt1 f2 o-30">f028</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/watch.svg" target="_blank" class="color-inherit link">
<i class="fas fa-watch"></i>
</a>
<span class="mt1 f2 fw6 gray5">watch</span>
<span class="mt1 f2 o-30">f2e1</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/wheelchair.svg" target="_blank" class="color-inherit link">
<i class="fas fa-wheelchair"></i>
</a>
<span class="mt1 f2 fw6 gray5">wheelchair</span>
<span class="mt1 f2 o-30">f193</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/wifi.svg" target="_blank" class="color-inherit link">
<i class="fas fa-wifi"></i>
</a>
<span class="mt1 f2 fw6 gray5">wifi</span>
<span class="mt1 f2 o-30">f1eb</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/window.svg" target="_blank" class="color-inherit link">
<i class="fas fa-window"></i>
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">f40e</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/window-alt.svg" target="_blank" class="color-inherit link">
<i class="fas fa-window-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-alt</span>
<span class="mt1 f2 o-30">f40f</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/window-close.svg" target="_blank" class="color-inherit link">
<i class="fas fa-window-close"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">f410</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/window-maximize.svg" target="_blank" class="color-inherit link">
<i class="fas fa-window-maximize"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-maximize</span>
<span class="mt1 f2 o-30">f2d0</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/window-minimize.svg" target="_blank" class="color-inherit link">
<i class="fas fa-window-minimize"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-minimize</span>
<span class="mt1 f2 o-30">f2d1</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/window-restore.svg" target="_blank" class="color-inherit link">
<i class="fas fa-window-restore"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-restore</span>
<span class="mt1 f2 o-30">f2d2</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/won-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-won-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">won-sign</span>
<span class="mt1 f2 o-30">f159</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/wrench.svg" target="_blank" class="color-inherit link">
<i class="fas fa-wrench"></i>
</a>
<span class="mt1 f2 fw6 gray5">wrench</span>
<span class="mt1 f2 o-30">f0ad</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/yen-sign.svg" target="_blank" class="color-inherit link">
<i class="fas fa-yen-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">yen-sign</span>
<span class="mt1 f2 o-30">f157</span>
</div>
</li>
</ul>
</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">619 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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/address-book.svg" target="_blank" class="color-inherit link">
<i class="far fa-address-book"></i>
</a>
<span class="mt1 f2 fw6 gray5">address-book</span>
<span class="mt1 f2 o-30">f2b9</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/address-card.svg" target="_blank" class="color-inherit link">
<i class="far fa-address-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">address-card</span>
<span class="mt1 f2 o-30">f2bb</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/adjust.svg" target="_blank" class="color-inherit link">
<i class="far fa-adjust"></i>
</a>
<span class="mt1 f2 fw6 gray5">adjust</span>
<span class="mt1 f2 o-30">f042</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/alarm-clock.svg" target="_blank" class="color-inherit link">
<i class="far fa-alarm-clock"></i>
</a>
<span class="mt1 f2 fw6 gray5">alarm-clock</span>
<span class="mt1 f2 o-30">f34e</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/align-center.svg" target="_blank" class="color-inherit link">
<i class="far fa-align-center"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-center</span>
<span class="mt1 f2 o-30">f037</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/align-justify.svg" target="_blank" class="color-inherit link">
<i class="far fa-align-justify"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-justify</span>
<span class="mt1 f2 o-30">f039</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/align-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-align-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-left</span>
<span class="mt1 f2 o-30">f036</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/align-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-align-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-right</span>
<span class="mt1 f2 o-30">f038</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/ambulance.svg" target="_blank" class="color-inherit link">
<i class="far fa-ambulance"></i>
</a>
<span class="mt1 f2 fw6 gray5">ambulance</span>
<span class="mt1 f2 o-30">f0f9</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/american-sign-language-interpreting.svg" target="_blank" class="color-inherit link">
<i class="far fa-american-sign-language-interpreting"></i>
</a>
<span class="mt1 f2 fw6 gray5">american-sign-language-interpreting</span>
<span class="mt1 f2 o-30">f2a3</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/anchor.svg" target="_blank" class="color-inherit link">
<i class="far fa-anchor"></i>
</a>
<span class="mt1 f2 fw6 gray5">anchor</span>
<span class="mt1 f2 o-30">f13d</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/angle-double-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-double-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-down</span>
<span class="mt1 f2 o-30">f103</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/angle-double-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-double-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-left</span>
<span class="mt1 f2 o-30">f100</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/angle-double-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-double-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-right</span>
<span class="mt1 f2 o-30">f101</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/angle-double-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-double-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-up</span>
<span class="mt1 f2 o-30">f102</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/angle-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-down</span>
<span class="mt1 f2 o-30">f107</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/angle-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-left</span>
<span class="mt1 f2 o-30">f104</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/angle-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-right</span>
<span class="mt1 f2 o-30">f105</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/angle-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-angle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-up</span>
<span class="mt1 f2 o-30">f106</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/archive.svg" target="_blank" class="color-inherit link">
<i class="far fa-archive"></i>
</a>
<span class="mt1 f2 fw6 gray5">archive</span>
<span class="mt1 f2 o-30">f187</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/arrow-alt-circle-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-down</span>
<span class="mt1 f2 o-30">f358</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/arrow-alt-circle-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-left</span>
<span class="mt1 f2 o-30">f359</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/arrow-alt-circle-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-right</span>
<span class="mt1 f2 o-30">f35a</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/arrow-alt-circle-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-up</span>
<span class="mt1 f2 o-30">f35b</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/arrow-alt-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-down</span>
<span class="mt1 f2 o-30">f354</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/arrow-alt-from-bottom.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-from-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-bottom</span>
<span class="mt1 f2 o-30">f346</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/arrow-alt-from-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-from-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-left</span>
<span class="mt1 f2 o-30">f347</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/arrow-alt-from-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-from-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-right</span>
<span class="mt1 f2 o-30">f348</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/arrow-alt-from-top.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-from-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-top</span>
<span class="mt1 f2 o-30">f349</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/arrow-alt-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-left</span>
<span class="mt1 f2 o-30">f355</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/arrow-alt-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-right</span>
<span class="mt1 f2 o-30">f356</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/arrow-alt-square-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-down</span>
<span class="mt1 f2 o-30">f350</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/arrow-alt-square-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-left</span>
<span class="mt1 f2 o-30">f351</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/arrow-alt-square-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-right</span>
<span class="mt1 f2 o-30">f352</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/arrow-alt-square-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-up</span>
<span class="mt1 f2 o-30">f353</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/arrow-alt-to-bottom.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-to-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-bottom</span>
<span class="mt1 f2 o-30">f34a</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/arrow-alt-to-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-to-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-left</span>
<span class="mt1 f2 o-30">f34b</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/arrow-alt-to-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-to-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-right</span>
<span class="mt1 f2 o-30">f34c</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/arrow-alt-to-top.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-to-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-top</span>
<span class="mt1 f2 o-30">f34d</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/arrow-alt-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-alt-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-up</span>
<span class="mt1 f2 o-30">f357</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/arrow-circle-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-down</span>
<span class="mt1 f2 o-30">f0ab</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/arrow-circle-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-left</span>
<span class="mt1 f2 o-30">f0a8</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/arrow-circle-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-right</span>
<span class="mt1 f2 o-30">f0a9</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/arrow-circle-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-up</span>
<span class="mt1 f2 o-30">f0aa</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/arrow-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-down</span>
<span class="mt1 f2 o-30">f063</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/arrow-from-bottom.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-from-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-bottom</span>
<span class="mt1 f2 o-30">f342</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/arrow-from-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-from-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-left</span>
<span class="mt1 f2 o-30">f343</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/arrow-from-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-from-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-right</span>
<span class="mt1 f2 o-30">f344</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/arrow-from-top.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-from-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-top</span>
<span class="mt1 f2 o-30">f345</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/arrow-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-left</span>
<span class="mt1 f2 o-30">f060</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/arrow-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-right</span>
<span class="mt1 f2 o-30">f061</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/arrow-square-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-down</span>
<span class="mt1 f2 o-30">f339</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/arrow-square-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-left</span>
<span class="mt1 f2 o-30">f33a</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/arrow-square-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-right</span>
<span class="mt1 f2 o-30">f33b</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/arrow-square-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-up</span>
<span class="mt1 f2 o-30">f33c</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/arrow-to-bottom.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-to-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-bottom</span>
<span class="mt1 f2 o-30">f33d</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/arrow-to-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-to-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-left</span>
<span class="mt1 f2 o-30">f33e</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/arrow-to-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-to-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-right</span>
<span class="mt1 f2 o-30">f340</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/arrow-to-top.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-to-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-top</span>
<span class="mt1 f2 o-30">f341</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/arrow-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrow-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-up</span>
<span class="mt1 f2 o-30">f062</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/arrows.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrows"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows</span>
<span class="mt1 f2 o-30">f047</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/arrows-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrows-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt</span>
<span class="mt1 f2 o-30">f0b2</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/arrows-alt-h.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrows-alt-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt-h</span>
<span class="mt1 f2 o-30">f337</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/arrows-alt-v.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrows-alt-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt-v</span>
<span class="mt1 f2 o-30">f338</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/arrows-h.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrows-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-h</span>
<span class="mt1 f2 o-30">f07e</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/arrows-v.svg" target="_blank" class="color-inherit link">
<i class="far fa-arrows-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-v</span>
<span class="mt1 f2 o-30">f07d</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/assistive-listening-systems.svg" target="_blank" class="color-inherit link">
<i class="far fa-assistive-listening-systems"></i>
</a>
<span class="mt1 f2 fw6 gray5">assistive-listening-systems</span>
<span class="mt1 f2 o-30">f2a2</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/asterisk.svg" target="_blank" class="color-inherit link">
<i class="far fa-asterisk"></i>
</a>
<span class="mt1 f2 fw6 gray5">asterisk</span>
<span class="mt1 f2 o-30">f069</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/at.svg" target="_blank" class="color-inherit link">
<i class="far fa-at"></i>
</a>
<span class="mt1 f2 fw6 gray5">at</span>
<span class="mt1 f2 o-30">f1fa</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/audio-description.svg" target="_blank" class="color-inherit link">
<i class="far fa-audio-description"></i>
</a>
<span class="mt1 f2 fw6 gray5">audio-description</span>
<span class="mt1 f2 o-30">f29e</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/backward.svg" target="_blank" class="color-inherit link">
<i class="far fa-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">backward</span>
<span class="mt1 f2 o-30">f04a</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/badge.svg" target="_blank" class="color-inherit link">
<i class="far fa-badge"></i>
</a>
<span class="mt1 f2 fw6 gray5">badge</span>
<span class="mt1 f2 o-30">f335</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/badge-check.svg" target="_blank" class="color-inherit link">
<i class="far fa-badge-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">badge-check</span>
<span class="mt1 f2 o-30">f336</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/balance-scale.svg" target="_blank" class="color-inherit link">
<i class="far fa-balance-scale"></i>
</a>
<span class="mt1 f2 fw6 gray5">balance-scale</span>
<span class="mt1 f2 o-30">f24e</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/ban.svg" target="_blank" class="color-inherit link">
<i class="far fa-ban"></i>
</a>
<span class="mt1 f2 fw6 gray5">ban</span>
<span class="mt1 f2 o-30">f05e</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/barcode.svg" target="_blank" class="color-inherit link">
<i class="far fa-barcode"></i>
</a>
<span class="mt1 f2 fw6 gray5">barcode</span>
<span class="mt1 f2 o-30">f02a</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/bars.svg" target="_blank" class="color-inherit link">
<i class="far fa-bars"></i>
</a>
<span class="mt1 f2 fw6 gray5">bars</span>
<span class="mt1 f2 o-30">f0c9</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/bath.svg" target="_blank" class="color-inherit link">
<i class="far fa-bath"></i>
</a>
<span class="mt1 f2 fw6 gray5">bath</span>
<span class="mt1 f2 o-30">f2cd</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/battery-bolt.svg" target="_blank" class="color-inherit link">
<i class="far fa-battery-bolt"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-bolt</span>
<span class="mt1 f2 o-30">f376</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/battery-empty.svg" target="_blank" class="color-inherit link">
<i class="far fa-battery-empty"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-empty</span>
<span class="mt1 f2 o-30">f244</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/battery-full.svg" target="_blank" class="color-inherit link">
<i class="far fa-battery-full"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-full</span>
<span class="mt1 f2 o-30">f240</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/battery-half.svg" target="_blank" class="color-inherit link">
<i class="far fa-battery-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-half</span>
<span class="mt1 f2 o-30">f242</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/battery-quarter.svg" target="_blank" class="color-inherit link">
<i class="far fa-battery-quarter"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-quarter</span>
<span class="mt1 f2 o-30">f243</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/battery-slash.svg" target="_blank" class="color-inherit link">
<i class="far fa-battery-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-slash</span>
<span class="mt1 f2 o-30">f377</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/battery-three-quarters.svg" target="_blank" class="color-inherit link">
<i class="far fa-battery-three-quarters"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-three-quarters</span>
<span class="mt1 f2 o-30">f241</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/bed.svg" target="_blank" class="color-inherit link">
<i class="far fa-bed"></i>
</a>
<span class="mt1 f2 fw6 gray5">bed</span>
<span class="mt1 f2 o-30">f236</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/beer.svg" target="_blank" class="color-inherit link">
<i class="far fa-beer"></i>
</a>
<span class="mt1 f2 fw6 gray5">beer</span>
<span class="mt1 f2 o-30">f0fc</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/bell.svg" target="_blank" class="color-inherit link">
<i class="far fa-bell"></i>
</a>
<span class="mt1 f2 fw6 gray5">bell</span>
<span class="mt1 f2 o-30">f0f3</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/bell-slash.svg" target="_blank" class="color-inherit link">
<i class="far fa-bell-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">bell-slash</span>
<span class="mt1 f2 o-30">f1f6</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/bicycle.svg" target="_blank" class="color-inherit link">
<i class="far fa-bicycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">bicycle</span>
<span class="mt1 f2 o-30">f206</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/binoculars.svg" target="_blank" class="color-inherit link">
<i class="far fa-binoculars"></i>
</a>
<span class="mt1 f2 fw6 gray5">binoculars</span>
<span class="mt1 f2 o-30">f1e5</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/birthday-cake.svg" target="_blank" class="color-inherit link">
<i class="far fa-birthday-cake"></i>
</a>
<span class="mt1 f2 fw6 gray5">birthday-cake</span>
<span class="mt1 f2 o-30">f1fd</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/blind.svg" target="_blank" class="color-inherit link">
<i class="far fa-blind"></i>
</a>
<span class="mt1 f2 fw6 gray5">blind</span>
<span class="mt1 f2 o-30">f29d</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/bold.svg" target="_blank" class="color-inherit link">
<i class="far fa-bold"></i>
</a>
<span class="mt1 f2 fw6 gray5">bold</span>
<span class="mt1 f2 o-30">f032</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/bolt.svg" target="_blank" class="color-inherit link">
<i class="far fa-bolt"></i>
</a>
<span class="mt1 f2 fw6 gray5">bolt</span>
<span class="mt1 f2 o-30">f0e7</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/bomb.svg" target="_blank" class="color-inherit link">
<i class="far fa-bomb"></i>
</a>
<span class="mt1 f2 fw6 gray5">bomb</span>
<span class="mt1 f2 o-30">f1e2</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/book.svg" target="_blank" class="color-inherit link">
<i class="far fa-book"></i>
</a>
<span class="mt1 f2 fw6 gray5">book</span>
<span class="mt1 f2 o-30">f02d</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/bookmark.svg" target="_blank" class="color-inherit link">
<i class="far fa-bookmark"></i>
</a>
<span class="mt1 f2 fw6 gray5">bookmark</span>
<span class="mt1 f2 o-30">f02e</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/braille.svg" target="_blank" class="color-inherit link">
<i class="far fa-braille"></i>
</a>
<span class="mt1 f2 fw6 gray5">braille</span>
<span class="mt1 f2 o-30">f2a1</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/briefcase.svg" target="_blank" class="color-inherit link">
<i class="far fa-briefcase"></i>
</a>
<span class="mt1 f2 fw6 gray5">briefcase</span>
<span class="mt1 f2 o-30">f0b1</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/browser.svg" target="_blank" class="color-inherit link">
<i class="far fa-browser"></i>
</a>
<span class="mt1 f2 fw6 gray5">browser</span>
<span class="mt1 f2 o-30">f37e</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/bug.svg" target="_blank" class="color-inherit link">
<i class="far fa-bug"></i>
</a>
<span class="mt1 f2 fw6 gray5">bug</span>
<span class="mt1 f2 o-30">f188</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/building.svg" target="_blank" class="color-inherit link">
<i class="far fa-building"></i>
</a>
<span class="mt1 f2 fw6 gray5">building</span>
<span class="mt1 f2 o-30">f1ad</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/bullhorn.svg" target="_blank" class="color-inherit link">
<i class="far fa-bullhorn"></i>
</a>
<span class="mt1 f2 fw6 gray5">bullhorn</span>
<span class="mt1 f2 o-30">f0a1</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/bullseye.svg" target="_blank" class="color-inherit link">
<i class="far fa-bullseye"></i>
</a>
<span class="mt1 f2 fw6 gray5">bullseye</span>
<span class="mt1 f2 o-30">f140</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/bus.svg" target="_blank" class="color-inherit link">
<i class="far fa-bus"></i>
</a>
<span class="mt1 f2 fw6 gray5">bus</span>
<span class="mt1 f2 o-30">f207</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/calculator.svg" target="_blank" class="color-inherit link">
<i class="far fa-calculator"></i>
</a>
<span class="mt1 f2 fw6 gray5">calculator</span>
<span class="mt1 f2 o-30">f1ec</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/calendar.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar</span>
<span class="mt1 f2 o-30">f133</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/calendar-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-alt</span>
<span class="mt1 f2 o-30">f073</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/calendar-check.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-check</span>
<span class="mt1 f2 o-30">f274</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/calendar-edit.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-edit</span>
<span class="mt1 f2 o-30">f333</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/calendar-exclamation.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-exclamation</span>
<span class="mt1 f2 o-30">f334</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/calendar-minus.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-minus</span>
<span class="mt1 f2 o-30">f272</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/calendar-plus.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-plus</span>
<span class="mt1 f2 o-30">f271</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/calendar-times.svg" target="_blank" class="color-inherit link">
<i class="far fa-calendar-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-times</span>
<span class="mt1 f2 o-30">f273</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/camera.svg" target="_blank" class="color-inherit link">
<i class="far fa-camera"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera</span>
<span class="mt1 f2 o-30">f030</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/camera-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-camera-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera-alt</span>
<span class="mt1 f2 o-30">f332</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/camera-retro.svg" target="_blank" class="color-inherit link">
<i class="far fa-camera-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera-retro</span>
<span class="mt1 f2 o-30">f083</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/car.svg" target="_blank" class="color-inherit link">
<i class="far fa-car"></i>
</a>
<span class="mt1 f2 fw6 gray5">car</span>
<span class="mt1 f2 o-30">f1b9</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/caret-circle-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-down</span>
<span class="mt1 f2 o-30">f32d</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/caret-circle-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-left</span>
<span class="mt1 f2 o-30">f32e</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/caret-circle-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-right</span>
<span class="mt1 f2 o-30">f330</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/caret-circle-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-up</span>
<span class="mt1 f2 o-30">f331</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/caret-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-down</span>
<span class="mt1 f2 o-30">f0d7</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/caret-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-left</span>
<span class="mt1 f2 o-30">f0d9</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/caret-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-right</span>
<span class="mt1 f2 o-30">f0da</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/caret-square-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-down</span>
<span class="mt1 f2 o-30">f150</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/caret-square-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-left</span>
<span class="mt1 f2 o-30">f191</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/caret-square-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-right</span>
<span class="mt1 f2 o-30">f152</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/caret-square-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-up</span>
<span class="mt1 f2 o-30">f151</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/caret-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-caret-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-up</span>
<span class="mt1 f2 o-30">f0d8</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/cart-arrow-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-cart-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">cart-arrow-down</span>
<span class="mt1 f2 o-30">f218</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/cart-plus.svg" target="_blank" class="color-inherit link">
<i class="far fa-cart-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">cart-plus</span>
<span class="mt1 f2 o-30">f217</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/certificate.svg" target="_blank" class="color-inherit link">
<i class="far fa-certificate"></i>
</a>
<span class="mt1 f2 fw6 gray5">certificate</span>
<span class="mt1 f2 o-30">f0a3</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/chart-area.svg" target="_blank" class="color-inherit link">
<i class="far fa-chart-area"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-area</span>
<span class="mt1 f2 o-30">f1fe</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/chart-bar.svg" target="_blank" class="color-inherit link">
<i class="far fa-chart-bar"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-bar</span>
<span class="mt1 f2 o-30">f080</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/chart-line.svg" target="_blank" class="color-inherit link">
<i class="far fa-chart-line"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-line</span>
<span class="mt1 f2 o-30">f201</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/chart-pie.svg" target="_blank" class="color-inherit link">
<i class="far fa-chart-pie"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-pie</span>
<span class="mt1 f2 o-30">f200</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/check.svg" target="_blank" class="color-inherit link">
<i class="far fa-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">check</span>
<span class="mt1 f2 o-30">f00c</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/check-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-check-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">check-circle</span>
<span class="mt1 f2 o-30">f058</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/check-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-check-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">check-square</span>
<span class="mt1 f2 o-30">f14a</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/chevron-circle-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-down</span>
<span class="mt1 f2 o-30">f13a</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/chevron-circle-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-left</span>
<span class="mt1 f2 o-30">f137</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/chevron-circle-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-right</span>
<span class="mt1 f2 o-30">f138</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/chevron-circle-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-up</span>
<span class="mt1 f2 o-30">f139</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/chevron-double-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-double-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-down</span>
<span class="mt1 f2 o-30">f322</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/chevron-double-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-double-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-left</span>
<span class="mt1 f2 o-30">f323</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/chevron-double-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-double-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-right</span>
<span class="mt1 f2 o-30">f324</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/chevron-double-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-double-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-up</span>
<span class="mt1 f2 o-30">f325</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/chevron-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-down</span>
<span class="mt1 f2 o-30">f078</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/chevron-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-left</span>
<span class="mt1 f2 o-30">f053</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/chevron-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-right</span>
<span class="mt1 f2 o-30">f054</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/chevron-square-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-down</span>
<span class="mt1 f2 o-30">f329</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/chevron-square-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-left</span>
<span class="mt1 f2 o-30">f32a</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/chevron-square-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-right</span>
<span class="mt1 f2 o-30">f32b</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/chevron-square-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-up</span>
<span class="mt1 f2 o-30">f32c</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/chevron-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-chevron-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-up</span>
<span class="mt1 f2 o-30">f077</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/child.svg" target="_blank" class="color-inherit link">
<i class="far fa-child"></i>
</a>
<span class="mt1 f2 fw6 gray5">child</span>
<span class="mt1 f2 o-30">f1ae</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/circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">circle</span>
<span class="mt1 f2 o-30">f111</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/circle-notch.svg" target="_blank" class="color-inherit link">
<i class="far fa-circle-notch"></i>
</a>
<span class="mt1 f2 fw6 gray5">circle-notch</span>
<span class="mt1 f2 o-30">f1ce</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/clipboard.svg" target="_blank" class="color-inherit link">
<i class="far fa-clipboard"></i>
</a>
<span class="mt1 f2 fw6 gray5">clipboard</span>
<span class="mt1 f2 o-30">f328</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/clock.svg" target="_blank" class="color-inherit link">
<i class="far fa-clock"></i>
</a>
<span class="mt1 f2 fw6 gray5">clock</span>
<span class="mt1 f2 o-30">f017</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/clone.svg" target="_blank" class="color-inherit link">
<i class="far fa-clone"></i>
</a>
<span class="mt1 f2 fw6 gray5">clone</span>
<span class="mt1 f2 o-30">f24d</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/closed-captioning.svg" target="_blank" class="color-inherit link">
<i class="far fa-closed-captioning"></i>
</a>
<span class="mt1 f2 fw6 gray5">closed-captioning</span>
<span class="mt1 f2 o-30">f20a</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/cloud.svg" target="_blank" class="color-inherit link">
<i class="far fa-cloud"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud</span>
<span class="mt1 f2 o-30">f0c2</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/cloud-download.svg" target="_blank" class="color-inherit link">
<i class="far fa-cloud-download"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-download</span>
<span class="mt1 f2 o-30">f0ed</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/cloud-download-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-cloud-download-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-download-alt</span>
<span class="mt1 f2 o-30">f381</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/cloud-upload.svg" target="_blank" class="color-inherit link">
<i class="far fa-cloud-upload"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-upload</span>
<span class="mt1 f2 o-30">f0ee</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/cloud-upload-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-cloud-upload-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-upload-alt</span>
<span class="mt1 f2 o-30">f382</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/club.svg" target="_blank" class="color-inherit link">
<i class="far fa-club"></i>
</a>
<span class="mt1 f2 fw6 gray5">club</span>
<span class="mt1 f2 o-30">f327</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/code.svg" target="_blank" class="color-inherit link">
<i class="far fa-code"></i>
</a>
<span class="mt1 f2 fw6 gray5">code</span>
<span class="mt1 f2 o-30">f121</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/code-branch.svg" target="_blank" class="color-inherit link">
<i class="far fa-code-branch"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-branch</span>
<span class="mt1 f2 o-30">f126</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/code-commit.svg" target="_blank" class="color-inherit link">
<i class="far fa-code-commit"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-commit</span>
<span class="mt1 f2 o-30">f386</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/code-merge.svg" target="_blank" class="color-inherit link">
<i class="far fa-code-merge"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-merge</span>
<span class="mt1 f2 o-30">f387</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/coffee.svg" target="_blank" class="color-inherit link">
<i class="far fa-coffee"></i>
</a>
<span class="mt1 f2 fw6 gray5">coffee</span>
<span class="mt1 f2 o-30">f0f4</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/cog.svg" target="_blank" class="color-inherit link">
<i class="far fa-cog"></i>
</a>
<span class="mt1 f2 fw6 gray5">cog</span>
<span class="mt1 f2 o-30">f013</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/cogs.svg" target="_blank" class="color-inherit link">
<i class="far fa-cogs"></i>
</a>
<span class="mt1 f2 fw6 gray5">cogs</span>
<span class="mt1 f2 o-30">f085</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/columns.svg" target="_blank" class="color-inherit link">
<i class="far fa-columns"></i>
</a>
<span class="mt1 f2 fw6 gray5">columns</span>
<span class="mt1 f2 o-30">f0db</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/comment.svg" target="_blank" class="color-inherit link">
<i class="far fa-comment"></i>
</a>
<span class="mt1 f2 fw6 gray5">comment</span>
<span class="mt1 f2 o-30">f075</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/comment-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-comment-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">comment-alt</span>
<span class="mt1 f2 o-30">f27a</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/comments.svg" target="_blank" class="color-inherit link">
<i class="far fa-comments"></i>
</a>
<span class="mt1 f2 fw6 gray5">comments</span>
<span class="mt1 f2 o-30">f086</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/compass.svg" target="_blank" class="color-inherit link">
<i class="far fa-compass"></i>
</a>
<span class="mt1 f2 fw6 gray5">compass</span>
<span class="mt1 f2 o-30">f14e</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/compress.svg" target="_blank" class="color-inherit link">
<i class="far fa-compress"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress</span>
<span class="mt1 f2 o-30">f066</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/compress-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-compress-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-alt</span>
<span class="mt1 f2 o-30">f422</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/compress-wide.svg" target="_blank" class="color-inherit link">
<i class="far fa-compress-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-wide</span>
<span class="mt1 f2 o-30">f326</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/copy.svg" target="_blank" class="color-inherit link">
<i class="far fa-copy"></i>
</a>
<span class="mt1 f2 fw6 gray5">copy</span>
<span class="mt1 f2 o-30">f0c5</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/copyright.svg" target="_blank" class="color-inherit link">
<i class="far fa-copyright"></i>
</a>
<span class="mt1 f2 fw6 gray5">copyright</span>
<span class="mt1 f2 o-30">f1f9</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/credit-card.svg" target="_blank" class="color-inherit link">
<i class="far fa-credit-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card</span>
<span class="mt1 f2 o-30">f09d</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/credit-card-blank.svg" target="_blank" class="color-inherit link">
<i class="far fa-credit-card-blank"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card-blank</span>
<span class="mt1 f2 o-30">f389</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/credit-card-front.svg" target="_blank" class="color-inherit link">
<i class="far fa-credit-card-front"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card-front</span>
<span class="mt1 f2 o-30">f38a</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/crop.svg" target="_blank" class="color-inherit link">
<i class="far fa-crop"></i>
</a>
<span class="mt1 f2 fw6 gray5">crop</span>
<span class="mt1 f2 o-30">f125</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/crosshairs.svg" target="_blank" class="color-inherit link">
<i class="far fa-crosshairs"></i>
</a>
<span class="mt1 f2 fw6 gray5">crosshairs</span>
<span class="mt1 f2 o-30">f05b</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/cube.svg" target="_blank" class="color-inherit link">
<i class="far fa-cube"></i>
</a>
<span class="mt1 f2 fw6 gray5">cube</span>
<span class="mt1 f2 o-30">f1b2</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/cubes.svg" target="_blank" class="color-inherit link">
<i class="far fa-cubes"></i>
</a>
<span class="mt1 f2 fw6 gray5">cubes</span>
<span class="mt1 f2 o-30">f1b3</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/cut.svg" target="_blank" class="color-inherit link">
<i class="far fa-cut"></i>
</a>
<span class="mt1 f2 fw6 gray5">cut</span>
<span class="mt1 f2 o-30">f0c4</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/database.svg" target="_blank" class="color-inherit link">
<i class="far fa-database"></i>
</a>
<span class="mt1 f2 fw6 gray5">database</span>
<span class="mt1 f2 o-30">f1c0</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/deaf.svg" target="_blank" class="color-inherit link">
<i class="far fa-deaf"></i>
</a>
<span class="mt1 f2 fw6 gray5">deaf</span>
<span class="mt1 f2 o-30">f2a4</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/desktop.svg" target="_blank" class="color-inherit link">
<i class="far fa-desktop"></i>
</a>
<span class="mt1 f2 fw6 gray5">desktop</span>
<span class="mt1 f2 o-30">f108</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/desktop-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-desktop-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">desktop-alt</span>
<span class="mt1 f2 o-30">f390</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/diamond.svg" target="_blank" class="color-inherit link">
<i class="far fa-diamond"></i>
</a>
<span class="mt1 f2 fw6 gray5">diamond</span>
<span class="mt1 f2 o-30">f219</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/dollar-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-dollar-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">dollar-sign</span>
<span class="mt1 f2 o-30">f155</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/dot-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-dot-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">dot-circle</span>
<span class="mt1 f2 o-30">f192</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/download.svg" target="_blank" class="color-inherit link">
<i class="far fa-download"></i>
</a>
<span class="mt1 f2 fw6 gray5">download</span>
<span class="mt1 f2 o-30">f019</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/edit.svg" target="_blank" class="color-inherit link">
<i class="far fa-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">edit</span>
<span class="mt1 f2 o-30">f044</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/eject.svg" target="_blank" class="color-inherit link">
<i class="far fa-eject"></i>
</a>
<span class="mt1 f2 fw6 gray5">eject</span>
<span class="mt1 f2 o-30">f052</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/ellipsis-h.svg" target="_blank" class="color-inherit link">
<i class="far fa-ellipsis-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-h</span>
<span class="mt1 f2 o-30">f141</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/ellipsis-h-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-ellipsis-h-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-h-alt</span>
<span class="mt1 f2 o-30">f39b</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/ellipsis-v.svg" target="_blank" class="color-inherit link">
<i class="far fa-ellipsis-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-v</span>
<span class="mt1 f2 o-30">f142</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/ellipsis-v-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-ellipsis-v-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-v-alt</span>
<span class="mt1 f2 o-30">f39c</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/envelope.svg" target="_blank" class="color-inherit link">
<i class="far fa-envelope"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope</span>
<span class="mt1 f2 o-30">f0e0</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/envelope-open.svg" target="_blank" class="color-inherit link">
<i class="far fa-envelope-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope-open</span>
<span class="mt1 f2 o-30">f2b6</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/envelope-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-envelope-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope-square</span>
<span class="mt1 f2 o-30">f199</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/eraser.svg" target="_blank" class="color-inherit link">
<i class="far fa-eraser"></i>
</a>
<span class="mt1 f2 fw6 gray5">eraser</span>
<span class="mt1 f2 o-30">f12d</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/euro-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-euro-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">euro-sign</span>
<span class="mt1 f2 o-30">f153</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/exchange.svg" target="_blank" class="color-inherit link">
<i class="far fa-exchange"></i>
</a>
<span class="mt1 f2 fw6 gray5">exchange</span>
<span class="mt1 f2 o-30">f0ec</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/exchange-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-exchange-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">exchange-alt</span>
<span class="mt1 f2 o-30">f362</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/exclamation.svg" target="_blank" class="color-inherit link">
<i class="far fa-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation</span>
<span class="mt1 f2 o-30">f12a</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/exclamation-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-exclamation-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-circle</span>
<span class="mt1 f2 o-30">f06a</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/exclamation-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-exclamation-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-square</span>
<span class="mt1 f2 o-30">f321</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/exclamation-triangle.svg" target="_blank" class="color-inherit link">
<i class="far fa-exclamation-triangle"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-triangle</span>
<span class="mt1 f2 o-30">f071</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/expand.svg" target="_blank" class="color-inherit link">
<i class="far fa-expand"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand</span>
<span class="mt1 f2 o-30">f065</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/expand-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-expand-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-alt</span>
<span class="mt1 f2 o-30">f424</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/expand-arrows.svg" target="_blank" class="color-inherit link">
<i class="far fa-expand-arrows"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-arrows</span>
<span class="mt1 f2 o-30">f31d</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/expand-arrows-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-expand-arrows-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-arrows-alt</span>
<span class="mt1 f2 o-30">f31e</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/expand-wide.svg" target="_blank" class="color-inherit link">
<i class="far fa-expand-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-wide</span>
<span class="mt1 f2 o-30">f320</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/external-link.svg" target="_blank" class="color-inherit link">
<i class="far fa-external-link"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link</span>
<span class="mt1 f2 o-30">f08e</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/external-link-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-external-link-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-alt</span>
<span class="mt1 f2 o-30">f35d</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/external-link-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-external-link-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-square</span>
<span class="mt1 f2 o-30">f14c</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/external-link-square-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-external-link-square-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-square-alt</span>
<span class="mt1 f2 o-30">f360</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/eye.svg" target="_blank" class="color-inherit link">
<i class="far fa-eye"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye</span>
<span class="mt1 f2 o-30">f06e</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/eye-dropper.svg" target="_blank" class="color-inherit link">
<i class="far fa-eye-dropper"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye-dropper</span>
<span class="mt1 f2 o-30">f1fb</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/eye-slash.svg" target="_blank" class="color-inherit link">
<i class="far fa-eye-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye-slash</span>
<span class="mt1 f2 o-30">f070</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/fast-backward.svg" target="_blank" class="color-inherit link">
<i class="far fa-fast-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">fast-backward</span>
<span class="mt1 f2 o-30">f049</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/fast-forward.svg" target="_blank" class="color-inherit link">
<i class="far fa-fast-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">fast-forward</span>
<span class="mt1 f2 o-30">f050</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/fax.svg" target="_blank" class="color-inherit link">
<i class="far fa-fax"></i>
</a>
<span class="mt1 f2 fw6 gray5">fax</span>
<span class="mt1 f2 o-30">f1ac</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/female.svg" target="_blank" class="color-inherit link">
<i class="far fa-female"></i>
</a>
<span class="mt1 f2 fw6 gray5">female</span>
<span class="mt1 f2 o-30">f182</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/fighter-jet.svg" target="_blank" class="color-inherit link">
<i class="far fa-fighter-jet"></i>
</a>
<span class="mt1 f2 fw6 gray5">fighter-jet</span>
<span class="mt1 f2 o-30">f0fb</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/file.svg" target="_blank" class="color-inherit link">
<i class="far fa-file"></i>
</a>
<span class="mt1 f2 fw6 gray5">file</span>
<span class="mt1 f2 o-30">f15b</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/file-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-alt</span>
<span class="mt1 f2 o-30">f15c</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/file-archive.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-archive"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-archive</span>
<span class="mt1 f2 o-30">f1c6</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/file-audio.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-audio"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-audio</span>
<span class="mt1 f2 o-30">f1c7</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/file-check.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-check</span>
<span class="mt1 f2 o-30">f316</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/file-code.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-code"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-code</span>
<span class="mt1 f2 o-30">f1c9</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/file-edit.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-edit</span>
<span class="mt1 f2 o-30">f31c</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/file-excel.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-excel"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-excel</span>
<span class="mt1 f2 o-30">f1c3</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/file-exclamation.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-exclamation</span>
<span class="mt1 f2 o-30">f31a</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/file-image.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-image"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-image</span>
<span class="mt1 f2 o-30">f1c5</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/file-minus.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-minus</span>
<span class="mt1 f2 o-30">f318</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/file-pdf.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-pdf"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-pdf</span>
<span class="mt1 f2 o-30">f1c1</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/file-plus.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-plus</span>
<span class="mt1 f2 o-30">f319</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/file-powerpoint.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-powerpoint"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-powerpoint</span>
<span class="mt1 f2 o-30">f1c4</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/file-times.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-times</span>
<span class="mt1 f2 o-30">f317</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/file-video.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-video"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-video</span>
<span class="mt1 f2 o-30">f1c8</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/file-word.svg" target="_blank" class="color-inherit link">
<i class="far fa-file-word"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-word</span>
<span class="mt1 f2 o-30">f1c2</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/film.svg" target="_blank" class="color-inherit link">
<i class="far fa-film"></i>
</a>
<span class="mt1 f2 fw6 gray5">film</span>
<span class="mt1 f2 o-30">f008</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/film-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-film-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">film-alt</span>
<span class="mt1 f2 o-30">f3a0</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/filter.svg" target="_blank" class="color-inherit link">
<i class="far fa-filter"></i>
</a>
<span class="mt1 f2 fw6 gray5">filter</span>
<span class="mt1 f2 o-30">f0b0</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/fire.svg" target="_blank" class="color-inherit link">
<i class="far fa-fire"></i>
</a>
<span class="mt1 f2 fw6 gray5">fire</span>
<span class="mt1 f2 o-30">f06d</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/fire-extinguisher.svg" target="_blank" class="color-inherit link">
<i class="far fa-fire-extinguisher"></i>
</a>
<span class="mt1 f2 fw6 gray5">fire-extinguisher</span>
<span class="mt1 f2 o-30">f134</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/flag.svg" target="_blank" class="color-inherit link">
<i class="far fa-flag"></i>
</a>
<span class="mt1 f2 fw6 gray5">flag</span>
<span class="mt1 f2 o-30">f024</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/flag-checkered.svg" target="_blank" class="color-inherit link">
<i class="far fa-flag-checkered"></i>
</a>
<span class="mt1 f2 fw6 gray5">flag-checkered</span>
<span class="mt1 f2 o-30">f11e</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/flask.svg" target="_blank" class="color-inherit link">
<i class="far fa-flask"></i>
</a>
<span class="mt1 f2 fw6 gray5">flask</span>
<span class="mt1 f2 o-30">f0c3</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/folder.svg" target="_blank" class="color-inherit link">
<i class="far fa-folder"></i>
</a>
<span class="mt1 f2 fw6 gray5">folder</span>
<span class="mt1 f2 o-30">f07b</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/folder-open.svg" target="_blank" class="color-inherit link">
<i class="far fa-folder-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">folder-open</span>
<span class="mt1 f2 o-30">f07c</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/font.svg" target="_blank" class="color-inherit link">
<i class="far fa-font"></i>
</a>
<span class="mt1 f2 fw6 gray5">font</span>
<span class="mt1 f2 o-30">f031</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/forward.svg" target="_blank" class="color-inherit link">
<i class="far fa-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">forward</span>
<span class="mt1 f2 o-30">f04e</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/frown.svg" target="_blank" class="color-inherit link">
<i class="far fa-frown"></i>
</a>
<span class="mt1 f2 fw6 gray5">frown</span>
<span class="mt1 f2 o-30">f119</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/futbol.svg" target="_blank" class="color-inherit link">
<i class="far fa-futbol"></i>
</a>
<span class="mt1 f2 fw6 gray5">futbol</span>
<span class="mt1 f2 o-30">f1e3</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/gamepad.svg" target="_blank" class="color-inherit link">
<i class="far fa-gamepad"></i>
</a>
<span class="mt1 f2 fw6 gray5">gamepad</span>
<span class="mt1 f2 o-30">f11b</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/gavel.svg" target="_blank" class="color-inherit link">
<i class="far fa-gavel"></i>
</a>
<span class="mt1 f2 fw6 gray5">gavel</span>
<span class="mt1 f2 o-30">f0e3</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/gem.svg" target="_blank" class="color-inherit link">
<i class="far fa-gem"></i>
</a>
<span class="mt1 f2 fw6 gray5">gem</span>
<span class="mt1 f2 o-30">f3a5</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/genderless.svg" target="_blank" class="color-inherit link">
<i class="far fa-genderless"></i>
</a>
<span class="mt1 f2 fw6 gray5">genderless</span>
<span class="mt1 f2 o-30">f22d</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/gift.svg" target="_blank" class="color-inherit link">
<i class="far fa-gift"></i>
</a>
<span class="mt1 f2 fw6 gray5">gift</span>
<span class="mt1 f2 o-30">f06b</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/glass-martini.svg" target="_blank" class="color-inherit link">
<i class="far fa-glass-martini"></i>
</a>
<span class="mt1 f2 fw6 gray5">glass-martini</span>
<span class="mt1 f2 o-30">f000</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/globe.svg" target="_blank" class="color-inherit link">
<i class="far fa-globe"></i>
</a>
<span class="mt1 f2 fw6 gray5">globe</span>
<span class="mt1 f2 o-30">f0ac</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/graduation-cap.svg" target="_blank" class="color-inherit link">
<i class="far fa-graduation-cap"></i>
</a>
<span class="mt1 f2 fw6 gray5">graduation-cap</span>
<span class="mt1 f2 o-30">f19d</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/h-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-h-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">h-square</span>
<span class="mt1 f2 o-30">f0fd</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/h1.svg" target="_blank" class="color-inherit link">
<i class="far fa-h1"></i>
</a>
<span class="mt1 f2 fw6 gray5">h1</span>
<span class="mt1 f2 o-30">f313</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/h2.svg" target="_blank" class="color-inherit link">
<i class="far fa-h2"></i>
</a>
<span class="mt1 f2 fw6 gray5">h2</span>
<span class="mt1 f2 o-30">f314</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/h3.svg" target="_blank" class="color-inherit link">
<i class="far fa-h3"></i>
</a>
<span class="mt1 f2 fw6 gray5">h3</span>
<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-lizard.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-lizard"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-lizard</span>
<span class="mt1 f2 o-30">f258</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-paper.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-paper"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-paper</span>
<span class="mt1 f2 o-30">f256</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-peace.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-peace"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-peace</span>
<span class="mt1 f2 o-30">f25b</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/hand-pointer.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-pointer"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-pointer</span>
<span class="mt1 f2 o-30">f25a</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-rock.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-rock"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-rock</span>
<span class="mt1 f2 o-30">f255</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-scissors.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-scissors"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-scissors</span>
<span class="mt1 f2 o-30">f257</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-spock.svg" target="_blank" class="color-inherit link">
<i class="far fa-hand-spock"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-spock</span>
<span class="mt1 f2 o-30">f259</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/handshake.svg" target="_blank" class="color-inherit link">
<i class="far fa-handshake"></i>
</a>
<span class="mt1 f2 fw6 gray5">handshake</span>
<span class="mt1 f2 o-30">f2b5</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">
<i class="far fa-hashtag"></i>
</a>
<span class="mt1 f2 fw6 gray5">hashtag</span>
<span class="mt1 f2 o-30">f292</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/hdd.svg" target="_blank" class="color-inherit link">
<i class="far fa-hdd"></i>
</a>
<span class="mt1 f2 fw6 gray5">hdd</span>
<span class="mt1 f2 o-30">f0a0</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/heading.svg" target="_blank" class="color-inherit link">
<i class="far fa-heading"></i>
</a>
<span class="mt1 f2 fw6 gray5">heading</span>
<span class="mt1 f2 o-30">f1dc</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/headphones.svg" target="_blank" class="color-inherit link">
<i class="far fa-headphones"></i>
</a>
<span class="mt1 f2 fw6 gray5">headphones</span>
<span class="mt1 f2 o-30">f025</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/heart.svg" target="_blank" class="color-inherit link">
<i class="far fa-heart"></i>
</a>
<span class="mt1 f2 fw6 gray5">heart</span>
<span class="mt1 f2 o-30">f004</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/heartbeat.svg" target="_blank" class="color-inherit link">
<i class="far fa-heartbeat"></i>
</a>
<span class="mt1 f2 fw6 gray5">heartbeat</span>
<span class="mt1 f2 o-30">f21e</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/hexagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">hexagon</span>
<span class="mt1 f2 o-30">f312</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/history.svg" target="_blank" class="color-inherit link">
<i class="far fa-history"></i>
</a>
<span class="mt1 f2 fw6 gray5">history</span>
<span class="mt1 f2 o-30">f1da</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/home.svg" target="_blank" class="color-inherit link">
<i class="far fa-home"></i>
</a>
<span class="mt1 f2 fw6 gray5">home</span>
<span class="mt1 f2 o-30">f015</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/hospital.svg" target="_blank" class="color-inherit link">
<i class="far fa-hospital"></i>
</a>
<span class="mt1 f2 fw6 gray5">hospital</span>
<span class="mt1 f2 o-30">f0f8</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/hourglass.svg" target="_blank" class="color-inherit link">
<i class="far fa-hourglass"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass</span>
<span class="mt1 f2 o-30">f254</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/hourglass-end.svg" target="_blank" class="color-inherit link">
<i class="far fa-hourglass-end"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-end</span>
<span class="mt1 f2 o-30">f253</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/hourglass-half.svg" target="_blank" class="color-inherit link">
<i class="far fa-hourglass-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-half</span>
<span class="mt1 f2 o-30">f252</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/hourglass-start.svg" target="_blank" class="color-inherit link">
<i class="far fa-hourglass-start"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-start</span>
<span class="mt1 f2 o-30">f251</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/i-cursor.svg" target="_blank" class="color-inherit link">
<i class="far fa-i-cursor"></i>
</a>
<span class="mt1 f2 fw6 gray5">i-cursor</span>
<span class="mt1 f2 o-30">f246</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/id-badge.svg" target="_blank" class="color-inherit link">
<i class="far fa-id-badge"></i>
</a>
<span class="mt1 f2 fw6 gray5">id-badge</span>
<span class="mt1 f2 o-30">f2c1</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/id-card.svg" target="_blank" class="color-inherit link">
<i class="far fa-id-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">id-card</span>
<span class="mt1 f2 o-30">f2c2</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/image.svg" target="_blank" class="color-inherit link">
<i class="far fa-image"></i>
</a>
<span class="mt1 f2 fw6 gray5">image</span>
<span class="mt1 f2 o-30">f03e</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/images.svg" target="_blank" class="color-inherit link">
<i class="far fa-images"></i>
</a>
<span class="mt1 f2 fw6 gray5">images</span>
<span class="mt1 f2 o-30">f302</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/inbox.svg" target="_blank" class="color-inherit link">
<i class="far fa-inbox"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox</span>
<span class="mt1 f2 o-30">f01c</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/inbox-in.svg" target="_blank" class="color-inherit link">
<i class="far fa-inbox-in"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox-in</span>
<span class="mt1 f2 o-30">f310</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/inbox-out.svg" target="_blank" class="color-inherit link">
<i class="far fa-inbox-out"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox-out</span>
<span class="mt1 f2 o-30">f311</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/indent.svg" target="_blank" class="color-inherit link">
<i class="far fa-indent"></i>
</a>
<span class="mt1 f2 fw6 gray5">indent</span>
<span class="mt1 f2 o-30">f03c</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/industry.svg" target="_blank" class="color-inherit link">
<i class="far fa-industry"></i>
</a>
<span class="mt1 f2 fw6 gray5">industry</span>
<span class="mt1 f2 o-30">f275</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/industry-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-industry-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">industry-alt</span>
<span class="mt1 f2 o-30">f3b3</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/info.svg" target="_blank" class="color-inherit link">
<i class="far fa-info"></i>
</a>
<span class="mt1 f2 fw6 gray5">info</span>
<span class="mt1 f2 o-30">f129</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/info-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-info-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">info-circle</span>
<span class="mt1 f2 o-30">f05a</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/info-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-info-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">info-square</span>
<span class="mt1 f2 o-30">f30f</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/italic.svg" target="_blank" class="color-inherit link">
<i class="far fa-italic"></i>
</a>
<span class="mt1 f2 fw6 gray5">italic</span>
<span class="mt1 f2 o-30">f033</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/jack-o-lantern.svg" target="_blank" class="color-inherit link">
<i class="far fa-jack-o-lantern"></i>
</a>
<span class="mt1 f2 fw6 gray5">jack-o-lantern</span>
<span class="mt1 f2 o-30">f30e</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/key.svg" target="_blank" class="color-inherit link">
<i class="far fa-key"></i>
</a>
<span class="mt1 f2 fw6 gray5">key</span>
<span class="mt1 f2 o-30">f084</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/keyboard.svg" target="_blank" class="color-inherit link">
<i class="far fa-keyboard"></i>
</a>
<span class="mt1 f2 fw6 gray5">keyboard</span>
<span class="mt1 f2 o-30">f11c</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/language.svg" target="_blank" class="color-inherit link">
<i class="far fa-language"></i>
</a>
<span class="mt1 f2 fw6 gray5">language</span>
<span class="mt1 f2 o-30">f1ab</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/laptop.svg" target="_blank" class="color-inherit link">
<i class="far fa-laptop"></i>
</a>
<span class="mt1 f2 fw6 gray5">laptop</span>
<span class="mt1 f2 o-30">f109</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/leaf.svg" target="_blank" class="color-inherit link">
<i class="far fa-leaf"></i>
</a>
<span class="mt1 f2 fw6 gray5">leaf</span>
<span class="mt1 f2 o-30">f06c</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/lemon.svg" target="_blank" class="color-inherit link">
<i class="far fa-lemon"></i>
</a>
<span class="mt1 f2 fw6 gray5">lemon</span>
<span class="mt1 f2 o-30">f094</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/level-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-level-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-down</span>
<span class="mt1 f2 o-30">f149</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/level-down-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-level-down-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-down-alt</span>
<span class="mt1 f2 o-30">f3be</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/level-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-level-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-up</span>
<span class="mt1 f2 o-30">f148</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/level-up-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-level-up-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-up-alt</span>
<span class="mt1 f2 o-30">f3bf</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/life-ring.svg" target="_blank" class="color-inherit link">
<i class="far fa-life-ring"></i>
</a>
<span class="mt1 f2 fw6 gray5">life-ring</span>
<span class="mt1 f2 o-30">f1cd</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/lightbulb.svg" target="_blank" class="color-inherit link">
<i class="far fa-lightbulb"></i>
</a>
<span class="mt1 f2 fw6 gray5">lightbulb</span>
<span class="mt1 f2 o-30">f0eb</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/link.svg" target="_blank" class="color-inherit link">
<i class="far fa-link"></i>
</a>
<span class="mt1 f2 fw6 gray5">link</span>
<span class="mt1 f2 o-30">f0c1</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/lira-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-lira-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">lira-sign</span>
<span class="mt1 f2 o-30">f195</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/list.svg" target="_blank" class="color-inherit link">
<i class="far fa-list"></i>
</a>
<span class="mt1 f2 fw6 gray5">list</span>
<span class="mt1 f2 o-30">f03a</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/list-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-list-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-alt</span>
<span class="mt1 f2 o-30">f022</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/list-ol.svg" target="_blank" class="color-inherit link">
<i class="far fa-list-ol"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-ol</span>
<span class="mt1 f2 o-30">f0cb</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/list-ul.svg" target="_blank" class="color-inherit link">
<i class="far fa-list-ul"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-ul</span>
<span class="mt1 f2 o-30">f0ca</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/location-arrow.svg" target="_blank" class="color-inherit link">
<i class="far fa-location-arrow"></i>
</a>
<span class="mt1 f2 fw6 gray5">location-arrow</span>
<span class="mt1 f2 o-30">f124</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/lock.svg" target="_blank" class="color-inherit link">
<i class="far fa-lock"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock</span>
<span class="mt1 f2 o-30">f023</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/lock-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-lock-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-alt</span>
<span class="mt1 f2 o-30">f30d</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/lock-open.svg" target="_blank" class="color-inherit link">
<i class="far fa-lock-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-open</span>
<span class="mt1 f2 o-30">f3c1</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/lock-open-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-lock-open-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-open-alt</span>
<span class="mt1 f2 o-30">f3c2</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/long-arrow-alt-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-alt-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-down</span>
<span class="mt1 f2 o-30">f309</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/long-arrow-alt-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-alt-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-left</span>
<span class="mt1 f2 o-30">f30a</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/long-arrow-alt-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-alt-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-right</span>
<span class="mt1 f2 o-30">f30b</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/long-arrow-alt-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-alt-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-up</span>
<span class="mt1 f2 o-30">f30c</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/long-arrow-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-down</span>
<span class="mt1 f2 o-30">f175</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/long-arrow-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-left</span>
<span class="mt1 f2 o-30">f177</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/long-arrow-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-right</span>
<span class="mt1 f2 o-30">f178</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/long-arrow-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-long-arrow-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-up</span>
<span class="mt1 f2 o-30">f176</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/low-vision.svg" target="_blank" class="color-inherit link">
<i class="far fa-low-vision"></i>
</a>
<span class="mt1 f2 fw6 gray5">low-vision</span>
<span class="mt1 f2 o-30">f2a8</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/magic.svg" target="_blank" class="color-inherit link">
<i class="far fa-magic"></i>
</a>
<span class="mt1 f2 fw6 gray5">magic</span>
<span class="mt1 f2 o-30">f0d0</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/magnet.svg" target="_blank" class="color-inherit link">
<i class="far fa-magnet"></i>
</a>
<span class="mt1 f2 fw6 gray5">magnet</span>
<span class="mt1 f2 o-30">f076</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/male.svg" target="_blank" class="color-inherit link">
<i class="far fa-male"></i>
</a>
<span class="mt1 f2 fw6 gray5">male</span>
<span class="mt1 f2 o-30">f183</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/map.svg" target="_blank" class="color-inherit link">
<i class="far fa-map"></i>
</a>
<span class="mt1 f2 fw6 gray5">map</span>
<span class="mt1 f2 o-30">f279</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/map-marker.svg" target="_blank" class="color-inherit link">
<i class="far fa-map-marker"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-marker</span>
<span class="mt1 f2 o-30">f041</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/map-marker-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-map-marker-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-marker-alt</span>
<span class="mt1 f2 o-30">f3c5</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/map-pin.svg" target="_blank" class="color-inherit link">
<i class="far fa-map-pin"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-pin</span>
<span class="mt1 f2 o-30">f276</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/map-signs.svg" target="_blank" class="color-inherit link">
<i class="far fa-map-signs"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-signs</span>
<span class="mt1 f2 o-30">f277</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/mars.svg" target="_blank" class="color-inherit link">
<i class="far fa-mars"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars</span>
<span class="mt1 f2 o-30">f222</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/mars-double.svg" target="_blank" class="color-inherit link">
<i class="far fa-mars-double"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-double</span>
<span class="mt1 f2 o-30">f227</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/mars-stroke.svg" target="_blank" class="color-inherit link">
<i class="far fa-mars-stroke"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke</span>
<span class="mt1 f2 o-30">f229</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/mars-stroke-h.svg" target="_blank" class="color-inherit link">
<i class="far fa-mars-stroke-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke-h</span>
<span class="mt1 f2 o-30">f22b</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/mars-stroke-v.svg" target="_blank" class="color-inherit link">
<i class="far fa-mars-stroke-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke-v</span>
<span class="mt1 f2 o-30">f22a</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/medkit.svg" target="_blank" class="color-inherit link">
<i class="far fa-medkit"></i>
</a>
<span class="mt1 f2 fw6 gray5">medkit</span>
<span class="mt1 f2 o-30">f0fa</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/meh.svg" target="_blank" class="color-inherit link">
<i class="far fa-meh"></i>
</a>
<span class="mt1 f2 fw6 gray5">meh</span>
<span class="mt1 f2 o-30">f11a</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/mercury.svg" target="_blank" class="color-inherit link">
<i class="far fa-mercury"></i>
</a>
<span class="mt1 f2 fw6 gray5">mercury</span>
<span class="mt1 f2 o-30">f223</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/microchip.svg" target="_blank" class="color-inherit link">
<i class="far fa-microchip"></i>
</a>
<span class="mt1 f2 fw6 gray5">microchip</span>
<span class="mt1 f2 o-30">f2db</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/microphone.svg" target="_blank" class="color-inherit link">
<i class="far fa-microphone"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone</span>
<span class="mt1 f2 o-30">f130</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/microphone-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-microphone-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone-alt</span>
<span class="mt1 f2 o-30">f3c9</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/microphone-slash.svg" target="_blank" class="color-inherit link">
<i class="far fa-microphone-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone-slash</span>
<span class="mt1 f2 o-30">f131</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/minus.svg" target="_blank" class="color-inherit link">
<i class="far fa-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus</span>
<span class="mt1 f2 o-30">f068</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/minus-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-minus-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-circle</span>
<span class="mt1 f2 o-30">f056</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/minus-hexagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-minus-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-hexagon</span>
<span class="mt1 f2 o-30">f307</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/minus-octagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-minus-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-octagon</span>
<span class="mt1 f2 o-30">f308</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/minus-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-minus-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-square</span>
<span class="mt1 f2 o-30">f146</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/mobile.svg" target="_blank" class="color-inherit link">
<i class="far fa-mobile"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile</span>
<span class="mt1 f2 o-30">f10b</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/mobile-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-mobile-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-alt</span>
<span class="mt1 f2 o-30">f3cd</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/mobile-android.svg" target="_blank" class="color-inherit link">
<i class="far fa-mobile-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-android</span>
<span class="mt1 f2 o-30">f3ce</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/mobile-android-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-mobile-android-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-android-alt</span>
<span class="mt1 f2 o-30">f3cf</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/money-bill.svg" target="_blank" class="color-inherit link">
<i class="far fa-money-bill"></i>
</a>
<span class="mt1 f2 fw6 gray5">money-bill</span>
<span class="mt1 f2 o-30">f0d6</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/money-bill-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-money-bill-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">money-bill-alt</span>
<span class="mt1 f2 o-30">f3d1</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/moon.svg" target="_blank" class="color-inherit link">
<i class="far fa-moon"></i>
</a>
<span class="mt1 f2 fw6 gray5">moon</span>
<span class="mt1 f2 o-30">f186</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/motorcycle.svg" target="_blank" class="color-inherit link">
<i class="far fa-motorcycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">motorcycle</span>
<span class="mt1 f2 o-30">f21c</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/mouse-pointer.svg" target="_blank" class="color-inherit link">
<i class="far fa-mouse-pointer"></i>
</a>
<span class="mt1 f2 fw6 gray5">mouse-pointer</span>
<span class="mt1 f2 o-30">f245</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/music.svg" target="_blank" class="color-inherit link">
<i class="far fa-music"></i>
</a>
<span class="mt1 f2 fw6 gray5">music</span>
<span class="mt1 f2 o-30">f001</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/neuter.svg" target="_blank" class="color-inherit link">
<i class="far fa-neuter"></i>
</a>
<span class="mt1 f2 fw6 gray5">neuter</span>
<span class="mt1 f2 o-30">f22c</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/newspaper.svg" target="_blank" class="color-inherit link">
<i class="far fa-newspaper"></i>
</a>
<span class="mt1 f2 fw6 gray5">newspaper</span>
<span class="mt1 f2 o-30">f1ea</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/object-group.svg" target="_blank" class="color-inherit link">
<i class="far fa-object-group"></i>
</a>
<span class="mt1 f2 fw6 gray5">object-group</span>
<span class="mt1 f2 o-30">f247</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/object-ungroup.svg" target="_blank" class="color-inherit link">
<i class="far fa-object-ungroup"></i>
</a>
<span class="mt1 f2 fw6 gray5">object-ungroup</span>
<span class="mt1 f2 o-30">f248</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/octagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">octagon</span>
<span class="mt1 f2 o-30">f306</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/outdent.svg" target="_blank" class="color-inherit link">
<i class="far fa-outdent"></i>
</a>
<span class="mt1 f2 fw6 gray5">outdent</span>
<span class="mt1 f2 o-30">f03b</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/paint-brush.svg" target="_blank" class="color-inherit link">
<i class="far fa-paint-brush"></i>
</a>
<span class="mt1 f2 fw6 gray5">paint-brush</span>
<span class="mt1 f2 o-30">f1fc</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/paper-plane.svg" target="_blank" class="color-inherit link">
<i class="far fa-paper-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">paper-plane</span>
<span class="mt1 f2 o-30">f1d8</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/paperclip.svg" target="_blank" class="color-inherit link">
<i class="far fa-paperclip"></i>
</a>
<span class="mt1 f2 fw6 gray5">paperclip</span>
<span class="mt1 f2 o-30">f0c6</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/paragraph.svg" target="_blank" class="color-inherit link">
<i class="far fa-paragraph"></i>
</a>
<span class="mt1 f2 fw6 gray5">paragraph</span>
<span class="mt1 f2 o-30">f1dd</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/paste.svg" target="_blank" class="color-inherit link">
<i class="far fa-paste"></i>
</a>
<span class="mt1 f2 fw6 gray5">paste</span>
<span class="mt1 f2 o-30">f0ea</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/pause.svg" target="_blank" class="color-inherit link">
<i class="far fa-pause"></i>
</a>
<span class="mt1 f2 fw6 gray5">pause</span>
<span class="mt1 f2 o-30">f04c</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/pause-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-pause-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">pause-circle</span>
<span class="mt1 f2 o-30">f28b</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/paw.svg" target="_blank" class="color-inherit link">
<i class="far fa-paw"></i>
</a>
<span class="mt1 f2 fw6 gray5">paw</span>
<span class="mt1 f2 o-30">f1b0</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/pen.svg" target="_blank" class="color-inherit link">
<i class="far fa-pen"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen</span>
<span class="mt1 f2 o-30">f304</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/pen-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-pen-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen-alt</span>
<span class="mt1 f2 o-30">f305</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/pen-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-pen-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen-square</span>
<span class="mt1 f2 o-30">f14b</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/pencil.svg" target="_blank" class="color-inherit link">
<i class="far fa-pencil"></i>
</a>
<span class="mt1 f2 fw6 gray5">pencil</span>
<span class="mt1 f2 o-30">f040</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/pencil-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-pencil-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">pencil-alt</span>
<span class="mt1 f2 o-30">f303</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/percent.svg" target="_blank" class="color-inherit link">
<i class="far fa-percent"></i>
</a>
<span class="mt1 f2 fw6 gray5">percent</span>
<span class="mt1 f2 o-30">f295</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/phone.svg" target="_blank" class="color-inherit link">
<i class="far fa-phone"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone</span>
<span class="mt1 f2 o-30">f095</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/phone-slash.svg" target="_blank" class="color-inherit link">
<i class="far fa-phone-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-slash</span>
<span class="mt1 f2 o-30">f3dd</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/phone-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-phone-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-square</span>
<span class="mt1 f2 o-30">f098</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/phone-volume.svg" target="_blank" class="color-inherit link">
<i class="far fa-phone-volume"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-volume</span>
<span class="mt1 f2 o-30">f2a0</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/plane.svg" target="_blank" class="color-inherit link">
<i class="far fa-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">plane</span>
<span class="mt1 f2 o-30">f072</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/plane-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-plane-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">plane-alt</span>
<span class="mt1 f2 o-30">f3de</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/play.svg" target="_blank" class="color-inherit link">
<i class="far fa-play"></i>
</a>
<span class="mt1 f2 fw6 gray5">play</span>
<span class="mt1 f2 o-30">f04b</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/play-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-play-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">play-circle</span>
<span class="mt1 f2 o-30">f144</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/plug.svg" target="_blank" class="color-inherit link">
<i class="far fa-plug"></i>
</a>
<span class="mt1 f2 fw6 gray5">plug</span>
<span class="mt1 f2 o-30">f1e6</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/plus.svg" target="_blank" class="color-inherit link">
<i class="far fa-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus</span>
<span class="mt1 f2 o-30">f067</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/plus-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-plus-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-circle</span>
<span class="mt1 f2 o-30">f055</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/plus-hexagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-plus-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-hexagon</span>
<span class="mt1 f2 o-30">f300</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/plus-octagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-plus-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-octagon</span>
<span class="mt1 f2 o-30">f301</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/plus-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-plus-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-square</span>
<span class="mt1 f2 o-30">f0fe</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/podcast.svg" target="_blank" class="color-inherit link">
<i class="far fa-podcast"></i>
</a>
<span class="mt1 f2 fw6 gray5">podcast</span>
<span class="mt1 f2 o-30">f2ce</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/poo.svg" target="_blank" class="color-inherit link">
<i class="far fa-poo"></i>
</a>
<span class="mt1 f2 fw6 gray5">poo</span>
<span class="mt1 f2 o-30">f2fe</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/portrait.svg" target="_blank" class="color-inherit link">
<i class="far fa-portrait"></i>
</a>
<span class="mt1 f2 fw6 gray5">portrait</span>
<span class="mt1 f2 o-30">f3e0</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/pound-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-pound-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">pound-sign</span>
<span class="mt1 f2 o-30">f154</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/power-off.svg" target="_blank" class="color-inherit link">
<i class="far fa-power-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">power-off</span>
<span class="mt1 f2 o-30">f011</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/print.svg" target="_blank" class="color-inherit link">
<i class="far fa-print"></i>
</a>
<span class="mt1 f2 fw6 gray5">print</span>
<span class="mt1 f2 o-30">f02f</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/puzzle-piece.svg" target="_blank" class="color-inherit link">
<i class="far fa-puzzle-piece"></i>
</a>
<span class="mt1 f2 fw6 gray5">puzzle-piece</span>
<span class="mt1 f2 o-30">f12e</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/qrcode.svg" target="_blank" class="color-inherit link">
<i class="far fa-qrcode"></i>
</a>
<span class="mt1 f2 fw6 gray5">qrcode</span>
<span class="mt1 f2 o-30">f029</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/question.svg" target="_blank" class="color-inherit link">
<i class="far fa-question"></i>
</a>
<span class="mt1 f2 fw6 gray5">question</span>
<span class="mt1 f2 o-30">f128</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/question-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-question-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">question-circle</span>
<span class="mt1 f2 o-30">f059</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/question-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-question-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">question-square</span>
<span class="mt1 f2 o-30">f2fd</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/quote-left.svg" target="_blank" class="color-inherit link">
<i class="far fa-quote-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">quote-left</span>
<span class="mt1 f2 o-30">f10d</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/quote-right.svg" target="_blank" class="color-inherit link">
<i class="far fa-quote-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">quote-right</span>
<span class="mt1 f2 o-30">f10e</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/random.svg" target="_blank" class="color-inherit link">
<i class="far fa-random"></i>
</a>
<span class="mt1 f2 fw6 gray5">random</span>
<span class="mt1 f2 o-30">f074</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/rectangle-landscape.svg" target="_blank" class="color-inherit link">
<i class="far fa-rectangle-landscape"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-landscape</span>
<span class="mt1 f2 o-30">f2fa</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/rectangle-portrait.svg" target="_blank" class="color-inherit link">
<i class="far fa-rectangle-portrait"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-portrait</span>
<span class="mt1 f2 o-30">f2fb</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/rectangle-wide.svg" target="_blank" class="color-inherit link">
<i class="far fa-rectangle-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-wide</span>
<span class="mt1 f2 o-30">f2fc</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/recycle.svg" target="_blank" class="color-inherit link">
<i class="far fa-recycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">recycle</span>
<span class="mt1 f2 o-30">f1b8</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/redo.svg" target="_blank" class="color-inherit link">
<i class="far fa-redo"></i>
</a>
<span class="mt1 f2 fw6 gray5">redo</span>
<span class="mt1 f2 o-30">f01e</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/redo-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-redo-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">redo-alt</span>
<span class="mt1 f2 o-30">f2f9</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/registered.svg" target="_blank" class="color-inherit link">
<i class="far fa-registered"></i>
</a>
<span class="mt1 f2 fw6 gray5">registered</span>
<span class="mt1 f2 o-30">f25d</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/repeat.svg" target="_blank" class="color-inherit link">
<i class="far fa-repeat"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat</span>
<span class="mt1 f2 o-30">f363</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/repeat-1.svg" target="_blank" class="color-inherit link">
<i class="far fa-repeat-1"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-1</span>
<span class="mt1 f2 o-30">f365</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/repeat-1-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-repeat-1-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-1-alt</span>
<span class="mt1 f2 o-30">f366</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/repeat-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-repeat-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-alt</span>
<span class="mt1 f2 o-30">f364</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/reply.svg" target="_blank" class="color-inherit link">
<i class="far fa-reply"></i>
</a>
<span class="mt1 f2 fw6 gray5">reply</span>
<span class="mt1 f2 o-30">f3e5</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/reply-all.svg" target="_blank" class="color-inherit link">
<i class="far fa-reply-all"></i>
</a>
<span class="mt1 f2 fw6 gray5">reply-all</span>
<span class="mt1 f2 o-30">f122</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/retweet.svg" target="_blank" class="color-inherit link">
<i class="far fa-retweet"></i>
</a>
<span class="mt1 f2 fw6 gray5">retweet</span>
<span class="mt1 f2 o-30">f079</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/retweet-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-retweet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">retweet-alt</span>
<span class="mt1 f2 o-30">f361</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/road.svg" target="_blank" class="color-inherit link">
<i class="far fa-road"></i>
</a>
<span class="mt1 f2 fw6 gray5">road</span>
<span class="mt1 f2 o-30">f018</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/rocket.svg" target="_blank" class="color-inherit link">
<i class="far fa-rocket"></i>
</a>
<span class="mt1 f2 fw6 gray5">rocket</span>
<span class="mt1 f2 o-30">f135</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/rss.svg" target="_blank" class="color-inherit link">
<i class="far fa-rss"></i>
</a>
<span class="mt1 f2 fw6 gray5">rss</span>
<span class="mt1 f2 o-30">f09e</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/rss-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-rss-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">rss-square</span>
<span class="mt1 f2 o-30">f143</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/ruble-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-ruble-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">ruble-sign</span>
<span class="mt1 f2 o-30">f158</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/rupee-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-rupee-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">rupee-sign</span>
<span class="mt1 f2 o-30">f156</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/save.svg" target="_blank" class="color-inherit link">
<i class="far fa-save"></i>
</a>
<span class="mt1 f2 fw6 gray5">save</span>
<span class="mt1 f2 o-30">f0c7</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/scrubber.svg" target="_blank" class="color-inherit link">
<i class="far fa-scrubber"></i>
</a>
<span class="mt1 f2 fw6 gray5">scrubber</span>
<span class="mt1 f2 o-30">f2f8</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/search.svg" target="_blank" class="color-inherit link">
<i class="far fa-search"></i>
</a>
<span class="mt1 f2 fw6 gray5">search</span>
<span class="mt1 f2 o-30">f002</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/search-minus.svg" target="_blank" class="color-inherit link">
<i class="far fa-search-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">search-minus</span>
<span class="mt1 f2 o-30">f010</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/search-plus.svg" target="_blank" class="color-inherit link">
<i class="far fa-search-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">search-plus</span>
<span class="mt1 f2 o-30">f00e</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/server.svg" target="_blank" class="color-inherit link">
<i class="far fa-server"></i>
</a>
<span class="mt1 f2 fw6 gray5">server</span>
<span class="mt1 f2 o-30">f233</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/share.svg" target="_blank" class="color-inherit link">
<i class="far fa-share"></i>
</a>
<span class="mt1 f2 fw6 gray5">share</span>
<span class="mt1 f2 o-30">f064</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/share-all.svg" target="_blank" class="color-inherit link">
<i class="far fa-share-all"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-all</span>
<span class="mt1 f2 o-30">f367</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/share-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-share-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-alt</span>
<span class="mt1 f2 o-30">f1e0</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/share-alt-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-share-alt-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-alt-square</span>
<span class="mt1 f2 o-30">f1e1</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/share-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-share-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-square</span>
<span class="mt1 f2 o-30">f14d</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/shekel-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-shekel-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">shekel-sign</span>
<span class="mt1 f2 o-30">f20b</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/shield.svg" target="_blank" class="color-inherit link">
<i class="far fa-shield"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield</span>
<span class="mt1 f2 o-30">f132</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/shield-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-shield-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/shield-check.svg" target="_blank" class="color-inherit link">
<i class="far fa-shield-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield-check</span>
<span class="mt1 f2 o-30">f2f7</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/ship.svg" target="_blank" class="color-inherit link">
<i class="far fa-ship"></i>
</a>
<span class="mt1 f2 fw6 gray5">ship</span>
<span class="mt1 f2 o-30">f21a</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/shopping-bag.svg" target="_blank" class="color-inherit link">
<i class="far fa-shopping-bag"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-bag</span>
<span class="mt1 f2 o-30">f290</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/shopping-basket.svg" target="_blank" class="color-inherit link">
<i class="far fa-shopping-basket"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-basket</span>
<span class="mt1 f2 o-30">f291</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/shopping-cart.svg" target="_blank" class="color-inherit link">
<i class="far fa-shopping-cart"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-cart</span>
<span class="mt1 f2 o-30">f07a</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/shower.svg" target="_blank" class="color-inherit link">
<i class="far fa-shower"></i>
</a>
<span class="mt1 f2 fw6 gray5">shower</span>
<span class="mt1 f2 o-30">f2cc</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/sign-in.svg" target="_blank" class="color-inherit link">
<i class="far fa-sign-in"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-in</span>
<span class="mt1 f2 o-30">f090</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/sign-in-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-sign-in-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-in-alt</span>
<span class="mt1 f2 o-30">f2f6</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/sign-language.svg" target="_blank" class="color-inherit link">
<i class="far fa-sign-language"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-language</span>
<span class="mt1 f2 o-30">f2a7</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/sign-out.svg" target="_blank" class="color-inherit link">
<i class="far fa-sign-out"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-out</span>
<span class="mt1 f2 o-30">f08b</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/sign-out-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-sign-out-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-out-alt</span>
<span class="mt1 f2 o-30">f2f5</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/signal.svg" target="_blank" class="color-inherit link">
<i class="far fa-signal"></i>
</a>
<span class="mt1 f2 fw6 gray5">signal</span>
<span class="mt1 f2 o-30">f012</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/sitemap.svg" target="_blank" class="color-inherit link">
<i class="far fa-sitemap"></i>
</a>
<span class="mt1 f2 fw6 gray5">sitemap</span>
<span class="mt1 f2 o-30">f0e8</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/sliders-h.svg" target="_blank" class="color-inherit link">
<i class="far fa-sliders-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-h</span>
<span class="mt1 f2 o-30">f1de</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/sliders-h-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-sliders-h-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-h-square</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/sliders-v.svg" target="_blank" class="color-inherit link">
<i class="far fa-sliders-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-v</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/sliders-v-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-sliders-v-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-v-square</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/smile.svg" target="_blank" class="color-inherit link">
<i class="far fa-smile"></i>
</a>
<span class="mt1 f2 fw6 gray5">smile</span>
<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">
<i class="far fa-sort"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort</span>
<span class="mt1 f2 o-30">f0dc</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-alpha-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-alpha-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-alpha-down</span>
<span class="mt1 f2 o-30">f15d</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-alpha-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-alpha-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-alpha-up</span>
<span class="mt1 f2 o-30">f15e</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-amount-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-amount-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-amount-down</span>
<span class="mt1 f2 o-30">f160</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-amount-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-amount-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-amount-up</span>
<span class="mt1 f2 o-30">f161</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-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-down</span>
<span class="mt1 f2 o-30">f0dd</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-numeric-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-numeric-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-numeric-down</span>
<span class="mt1 f2 o-30">f162</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-numeric-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-numeric-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-numeric-up</span>
<span class="mt1 f2 o-30">f163</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-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-sort-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-up</span>
<span class="mt1 f2 o-30">f0de</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/space-shuttle.svg" target="_blank" class="color-inherit link">
<i class="far fa-space-shuttle"></i>
</a>
<span class="mt1 f2 fw6 gray5">space-shuttle</span>
<span class="mt1 f2 o-30">f197</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/spade.svg" target="_blank" class="color-inherit link">
<i class="far fa-spade"></i>
</a>
<span class="mt1 f2 fw6 gray5">spade</span>
<span class="mt1 f2 o-30">f2f4</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/spinner.svg" target="_blank" class="color-inherit link">
<i class="far fa-spinner"></i>
</a>
<span class="mt1 f2 fw6 gray5">spinner</span>
<span class="mt1 f2 o-30">f110</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/spinner-third.svg" target="_blank" class="color-inherit link">
<i class="far fa-spinner-third"></i>
</a>
<span class="mt1 f2 fw6 gray5">spinner-third</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/square.svg" target="_blank" class="color-inherit link">
<i class="far fa-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">square</span>
<span class="mt1 f2 o-30">f0c8</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/star.svg" target="_blank" class="color-inherit link">
<i class="far fa-star"></i>
</a>
<span class="mt1 f2 fw6 gray5">star</span>
<span class="mt1 f2 o-30">f005</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/star-exclamation.svg" target="_blank" class="color-inherit link">
<i class="far fa-star-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">star-exclamation</span>
<span class="mt1 f2 o-30">f2f3</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/star-half.svg" target="_blank" class="color-inherit link">
<i class="far fa-star-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">star-half</span>
<span class="mt1 f2 o-30">f089</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/step-backward.svg" target="_blank" class="color-inherit link">
<i class="far fa-step-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">step-backward</span>
<span class="mt1 f2 o-30">f048</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/step-forward.svg" target="_blank" class="color-inherit link">
<i class="far fa-step-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">step-forward</span>
<span class="mt1 f2 o-30">f051</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/stethoscope.svg" target="_blank" class="color-inherit link">
<i class="far fa-stethoscope"></i>
</a>
<span class="mt1 f2 fw6 gray5">stethoscope</span>
<span class="mt1 f2 o-30">f0f1</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/sticky-note.svg" target="_blank" class="color-inherit link">
<i class="far fa-sticky-note"></i>
</a>
<span class="mt1 f2 fw6 gray5">sticky-note</span>
<span class="mt1 f2 o-30">f249</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/stop.svg" target="_blank" class="color-inherit link">
<i class="far fa-stop"></i>
</a>
<span class="mt1 f2 fw6 gray5">stop</span>
<span class="mt1 f2 o-30">f04d</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/stop-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-stop-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">stop-circle</span>
<span class="mt1 f2 o-30">f28d</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/stopwatch.svg" target="_blank" class="color-inherit link">
<i class="far fa-stopwatch"></i>
</a>
<span class="mt1 f2 fw6 gray5">stopwatch</span>
<span class="mt1 f2 o-30">f2f2</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/street-view.svg" target="_blank" class="color-inherit link">
<i class="far fa-street-view"></i>
</a>
<span class="mt1 f2 fw6 gray5">street-view</span>
<span class="mt1 f2 o-30">f21d</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/strikethrough.svg" target="_blank" class="color-inherit link">
<i class="far fa-strikethrough"></i>
</a>
<span class="mt1 f2 fw6 gray5">strikethrough</span>
<span class="mt1 f2 o-30">f0cc</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/subscript.svg" target="_blank" class="color-inherit link">
<i class="far fa-subscript"></i>
</a>
<span class="mt1 f2 fw6 gray5">subscript</span>
<span class="mt1 f2 o-30">f12c</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/subway.svg" target="_blank" class="color-inherit link">
<i class="far fa-subway"></i>
</a>
<span class="mt1 f2 fw6 gray5">subway</span>
<span class="mt1 f2 o-30">f239</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/suitcase.svg" target="_blank" class="color-inherit link">
<i class="far fa-suitcase"></i>
</a>
<span class="mt1 f2 fw6 gray5">suitcase</span>
<span class="mt1 f2 o-30">f0f2</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/sun.svg" target="_blank" class="color-inherit link">
<i class="far fa-sun"></i>
</a>
<span class="mt1 f2 fw6 gray5">sun</span>
<span class="mt1 f2 o-30">f185</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/superscript.svg" target="_blank" class="color-inherit link">
<i class="far fa-superscript"></i>
</a>
<span class="mt1 f2 fw6 gray5">superscript</span>
<span class="mt1 f2 o-30">f12b</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/sync.svg" target="_blank" class="color-inherit link">
<i class="far fa-sync"></i>
</a>
<span class="mt1 f2 fw6 gray5">sync</span>
<span class="mt1 f2 o-30">f021</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/sync-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-sync-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sync-alt</span>
<span class="mt1 f2 o-30">f2f1</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/table.svg" target="_blank" class="color-inherit link">
<i class="far fa-table"></i>
</a>
<span class="mt1 f2 fw6 gray5">table</span>
<span class="mt1 f2 o-30">f0ce</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/tablet.svg" target="_blank" class="color-inherit link">
<i class="far fa-tablet"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet</span>
<span class="mt1 f2 o-30">f10a</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/tablet-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-tablet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/tablet-android.svg" target="_blank" class="color-inherit link">
<i class="far fa-tablet-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/tablet-android-alt.svg" target="_blank" class="color-inherit link">
<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">f3fc</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">f3fd</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/tag.svg" target="_blank" class="color-inherit link">
<i class="far fa-tag"></i>
</a>
<span class="mt1 f2 fw6 gray5">tag</span>
<span class="mt1 f2 o-30">f02b</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/tags.svg" target="_blank" class="color-inherit link">
<i class="far fa-tags"></i>
</a>
<span class="mt1 f2 fw6 gray5">tags</span>
<span class="mt1 f2 o-30">f02c</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/tasks.svg" target="_blank" class="color-inherit link">
<i class="far fa-tasks"></i>
</a>
<span class="mt1 f2 fw6 gray5">tasks</span>
<span class="mt1 f2 o-30">f0ae</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/taxi.svg" target="_blank" class="color-inherit link">
<i class="far fa-taxi"></i>
</a>
<span class="mt1 f2 fw6 gray5">taxi</span>
<span class="mt1 f2 o-30">f1ba</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/terminal.svg" target="_blank" class="color-inherit link">
<i class="far fa-terminal"></i>
</a>
<span class="mt1 f2 fw6 gray5">terminal</span>
<span class="mt1 f2 o-30">f120</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/text-height.svg" target="_blank" class="color-inherit link">
<i class="far fa-text-height"></i>
</a>
<span class="mt1 f2 fw6 gray5">text-height</span>
<span class="mt1 f2 o-30">f034</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/text-width.svg" target="_blank" class="color-inherit link">
<i class="far fa-text-width"></i>
</a>
<span class="mt1 f2 fw6 gray5">text-width</span>
<span class="mt1 f2 o-30">f035</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/th.svg" target="_blank" class="color-inherit link">
<i class="far fa-th"></i>
</a>
<span class="mt1 f2 fw6 gray5">th</span>
<span class="mt1 f2 o-30">f00a</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/th-large.svg" target="_blank" class="color-inherit link">
<i class="far fa-th-large"></i>
</a>
<span class="mt1 f2 fw6 gray5">th-large</span>
<span class="mt1 f2 o-30">f009</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/th-list.svg" target="_blank" class="color-inherit link">
<i class="far fa-th-list"></i>
</a>
<span class="mt1 f2 fw6 gray5">th-list</span>
<span class="mt1 f2 o-30">f00b</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/thermometer-empty.svg" target="_blank" class="color-inherit link">
<i class="far fa-thermometer-empty"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-empty</span>
<span class="mt1 f2 o-30">f2cb</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/thermometer-full.svg" target="_blank" class="color-inherit link">
<i class="far fa-thermometer-full"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-full</span>
<span class="mt1 f2 o-30">f2c7</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/thermometer-half.svg" target="_blank" class="color-inherit link">
<i class="far fa-thermometer-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-half</span>
<span class="mt1 f2 o-30">f2c9</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/thermometer-quarter.svg" target="_blank" class="color-inherit link">
<i class="far fa-thermometer-quarter"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-quarter</span>
<span class="mt1 f2 o-30">f2ca</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/thermometer-three-quarters.svg" target="_blank" class="color-inherit link">
<i class="far fa-thermometer-three-quarters"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-three-quarters</span>
<span class="mt1 f2 o-30">f2c8</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/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-thumbs-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbs-down</span>
<span class="mt1 f2 o-30">f165</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/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-thumbs-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbs-up</span>
<span class="mt1 f2 o-30">f164</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/thumbtack.svg" target="_blank" class="color-inherit link">
<i class="far fa-thumbtack"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbtack</span>
<span class="mt1 f2 o-30">f08d</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/ticket.svg" target="_blank" class="color-inherit link">
<i class="far fa-ticket"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket</span>
<span class="mt1 f2 o-30">f145</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/ticket-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-ticket-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/times.svg" target="_blank" class="color-inherit link">
<i class="far fa-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">times</span>
<span class="mt1 f2 o-30">f00d</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/times-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-times-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-circle</span>
<span class="mt1 f2 o-30">f057</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/times-hexagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-times-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-hexagon</span>
<span class="mt1 f2 o-30">f2ee</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/times-octagon.svg" target="_blank" class="color-inherit link">
<i class="far fa-times-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-octagon</span>
<span class="mt1 f2 o-30">f2f0</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/times-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-times-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-square</span>
<span class="mt1 f2 o-30">f2d3</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/tint.svg" target="_blank" class="color-inherit link">
<i class="far fa-tint"></i>
</a>
<span class="mt1 f2 fw6 gray5">tint</span>
<span class="mt1 f2 o-30">f043</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/toggle-off.svg" target="_blank" class="color-inherit link">
<i class="far fa-toggle-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">toggle-off</span>
<span class="mt1 f2 o-30">f204</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/toggle-on.svg" target="_blank" class="color-inherit link">
<i class="far fa-toggle-on"></i>
</a>
<span class="mt1 f2 fw6 gray5">toggle-on</span>
<span class="mt1 f2 o-30">f205</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/trademark.svg" target="_blank" class="color-inherit link">
<i class="far fa-trademark"></i>
</a>
<span class="mt1 f2 fw6 gray5">trademark</span>
<span class="mt1 f2 o-30">f25c</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/train.svg" target="_blank" class="color-inherit link">
<i class="far fa-train"></i>
</a>
<span class="mt1 f2 fw6 gray5">train</span>
<span class="mt1 f2 o-30">f238</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/transgender.svg" target="_blank" class="color-inherit link">
<i class="far fa-transgender"></i>
</a>
<span class="mt1 f2 fw6 gray5">transgender</span>
<span class="mt1 f2 o-30">f224</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/transgender-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-transgender-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">transgender-alt</span>
<span class="mt1 f2 o-30">f225</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/trash.svg" target="_blank" class="color-inherit link">
<i class="far fa-trash"></i>
</a>
<span class="mt1 f2 fw6 gray5">trash</span>
<span class="mt1 f2 o-30">f1f8</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/trash-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-trash-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">trash-alt</span>
<span class="mt1 f2 o-30">f2ed</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/tree.svg" target="_blank" class="color-inherit link">
<i class="far fa-tree"></i>
</a>
<span class="mt1 f2 fw6 gray5">tree</span>
<span class="mt1 f2 o-30">f1bb</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/tree-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-tree-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tree-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/triangle.svg" target="_blank" class="color-inherit link">
<i class="far fa-triangle"></i>
</a>
<span class="mt1 f2 fw6 gray5">triangle</span>
<span class="mt1 f2 o-30">f2ec</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/trophy.svg" target="_blank" class="color-inherit link">
<i class="far fa-trophy"></i>
</a>
<span class="mt1 f2 fw6 gray5">trophy</span>
<span class="mt1 f2 o-30">f091</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/trophy-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-trophy-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">trophy-alt</span>
<span class="mt1 f2 o-30">f2eb</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/truck.svg" target="_blank" class="color-inherit link">
<i class="far fa-truck"></i>
</a>
<span class="mt1 f2 fw6 gray5">truck</span>
<span class="mt1 f2 o-30">f0d1</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/tty.svg" target="_blank" class="color-inherit link">
<i class="far fa-tty"></i>
</a>
<span class="mt1 f2 fw6 gray5">tty</span>
<span class="mt1 f2 o-30">f1e4</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/tv.svg" target="_blank" class="color-inherit link">
<i class="far fa-tv"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv</span>
<span class="mt1 f2 o-30">f26c</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/tv-retro.svg" target="_blank" class="color-inherit link">
<i class="far fa-tv-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/regular/umbrella.svg" target="_blank" class="color-inherit link">
<i class="far fa-umbrella"></i>
</a>
<span class="mt1 f2 fw6 gray5">umbrella</span>
<span class="mt1 f2 o-30">f0e9</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/underline.svg" target="_blank" class="color-inherit link">
<i class="far fa-underline"></i>
</a>
<span class="mt1 f2 fw6 gray5">underline</span>
<span class="mt1 f2 o-30">f0cd</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/undo.svg" target="_blank" class="color-inherit link">
<i class="far fa-undo"></i>
</a>
<span class="mt1 f2 fw6 gray5">undo</span>
<span class="mt1 f2 o-30">f0e2</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/undo-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-undo-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">undo-alt</span>
<span class="mt1 f2 o-30">f2ea</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/universal-access.svg" target="_blank" class="color-inherit link">
<i class="far fa-universal-access"></i>
</a>
<span class="mt1 f2 fw6 gray5">universal-access</span>
<span class="mt1 f2 o-30">f29a</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/university.svg" target="_blank" class="color-inherit link">
<i class="far fa-university"></i>
</a>
<span class="mt1 f2 fw6 gray5">university</span>
<span class="mt1 f2 o-30">f19c</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/unlink.svg" target="_blank" class="color-inherit link">
<i class="far fa-unlink"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlink</span>
<span class="mt1 f2 o-30">f127</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/unlock.svg" target="_blank" class="color-inherit link">
<i class="far fa-unlock"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlock</span>
<span class="mt1 f2 o-30">f09c</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/unlock-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-unlock-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlock-alt</span>
<span class="mt1 f2 o-30">f13e</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/upload.svg" target="_blank" class="color-inherit link">
<i class="far fa-upload"></i>
</a>
<span class="mt1 f2 fw6 gray5">upload</span>
<span class="mt1 f2 o-30">f093</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/usd-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-usd-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">usd-circle</span>
<span class="mt1 f2 o-30">f2e8</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/usd-square.svg" target="_blank" class="color-inherit link">
<i class="far fa-usd-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">usd-square</span>
<span class="mt1 f2 o-30">f2e9</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/user.svg" target="_blank" class="color-inherit link">
<i class="far fa-user"></i>
</a>
<span class="mt1 f2 fw6 gray5">user</span>
<span class="mt1 f2 o-30">f007</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/user-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-user-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">f406</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/user-circle.svg" target="_blank" class="color-inherit link">
<i class="far fa-user-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-circle</span>
<span class="mt1 f2 o-30">f2bd</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/user-md.svg" target="_blank" class="color-inherit link">
<i class="far fa-user-md"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-md</span>
<span class="mt1 f2 o-30">f0f0</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/user-plus.svg" target="_blank" class="color-inherit link">
<i class="far fa-user-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-plus</span>
<span class="mt1 f2 o-30">f234</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/user-secret.svg" target="_blank" class="color-inherit link">
<i class="far fa-user-secret"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-secret</span>
<span class="mt1 f2 o-30">f21b</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/user-times.svg" target="_blank" class="color-inherit link">
<i class="far fa-user-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-times</span>
<span class="mt1 f2 o-30">f235</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/users.svg" target="_blank" class="color-inherit link">
<i class="far fa-users"></i>
</a>
<span class="mt1 f2 fw6 gray5">users</span>
<span class="mt1 f2 o-30">f0c0</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/utensil-fork.svg" target="_blank" class="color-inherit link">
<i class="far fa-utensil-fork"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-fork</span>
<span class="mt1 f2 o-30">f2e3</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/utensil-knife.svg" target="_blank" class="color-inherit link">
<i class="far fa-utensil-knife"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-knife</span>
<span class="mt1 f2 o-30">f2e4</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/utensil-spoon.svg" target="_blank" class="color-inherit link">
<i class="far fa-utensil-spoon"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-spoon</span>
<span class="mt1 f2 o-30">f2e5</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/utensils.svg" target="_blank" class="color-inherit link">
<i class="far fa-utensils"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensils</span>
<span class="mt1 f2 o-30">f2e7</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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-utensils-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensils-alt</span>
<span class="mt1 f2 o-30">f2e6</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/venus.svg" target="_blank" class="color-inherit link">
<i class="far fa-venus"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus</span>
<span class="mt1 f2 o-30">f221</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/venus-double.svg" target="_blank" class="color-inherit link">
<i class="far fa-venus-double"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus-double</span>
<span class="mt1 f2 o-30">f226</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/venus-mars.svg" target="_blank" class="color-inherit link">
<i class="far fa-venus-mars"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus-mars</span>
<span class="mt1 f2 o-30">f228</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/video.svg" target="_blank" class="color-inherit link">
<i class="far fa-video"></i>
</a>
<span class="mt1 f2 fw6 gray5">video</span>
<span class="mt1 f2 o-30">f03d</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/volume-down.svg" target="_blank" class="color-inherit link">
<i class="far fa-volume-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-down</span>
<span class="mt1 f2 o-30">f027</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/volume-mute.svg" target="_blank" class="color-inherit link">
<i class="far fa-volume-mute"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-mute</span>
<span class="mt1 f2 o-30">f2e2</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/volume-off.svg" target="_blank" class="color-inherit link">
<i class="far fa-volume-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-off</span>
<span class="mt1 f2 o-30">f026</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/volume-up.svg" target="_blank" class="color-inherit link">
<i class="far fa-volume-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-up</span>
<span class="mt1 f2 o-30">f028</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/watch.svg" target="_blank" class="color-inherit link">
<i class="far fa-watch"></i>
</a>
<span class="mt1 f2 fw6 gray5">watch</span>
<span class="mt1 f2 o-30">f2e1</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/wheelchair.svg" target="_blank" class="color-inherit link">
<i class="far fa-wheelchair"></i>
</a>
<span class="mt1 f2 fw6 gray5">wheelchair</span>
<span class="mt1 f2 o-30">f193</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/wifi.svg" target="_blank" class="color-inherit link">
<i class="far fa-wifi"></i>
</a>
<span class="mt1 f2 fw6 gray5">wifi</span>
<span class="mt1 f2 o-30">f1eb</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/window.svg" target="_blank" class="color-inherit link">
<i class="far fa-window"></i>
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">f40e</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/window-alt.svg" target="_blank" class="color-inherit link">
<i class="far fa-window-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-alt</span>
<span class="mt1 f2 o-30">f40f</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/window-close.svg" target="_blank" class="color-inherit link">
<i class="far fa-window-close"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">f410</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/window-maximize.svg" target="_blank" class="color-inherit link">
<i class="far fa-window-maximize"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-maximize</span>
<span class="mt1 f2 o-30">f2d0</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/window-minimize.svg" target="_blank" class="color-inherit link">
<i class="far fa-window-minimize"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-minimize</span>
<span class="mt1 f2 o-30">f2d1</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/window-restore.svg" target="_blank" class="color-inherit link">
<i class="far fa-window-restore"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-restore</span>
<span class="mt1 f2 o-30">f2d2</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/won-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-won-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">won-sign</span>
<span class="mt1 f2 o-30">f159</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/wrench.svg" target="_blank" class="color-inherit link">
<i class="far fa-wrench"></i>
</a>
<span class="mt1 f2 fw6 gray5">wrench</span>
<span class="mt1 f2 o-30">f0ad</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/yen-sign.svg" target="_blank" class="color-inherit link">
<i class="far fa-yen-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">yen-sign</span>
<span class="mt1 f2 o-30">f157</span>
</div>
</li>
</ul>
</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">619 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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/address-book.svg" target="_blank" class="color-inherit link">
<i class="fal fa-address-book"></i>
</a>
<span class="mt1 f2 fw6 gray5">address-book</span>
<span class="mt1 f2 o-30">f2b9</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/address-card.svg" target="_blank" class="color-inherit link">
<i class="fal fa-address-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">address-card</span>
<span class="mt1 f2 o-30">f2bb</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/adjust.svg" target="_blank" class="color-inherit link">
<i class="fal fa-adjust"></i>
</a>
<span class="mt1 f2 fw6 gray5">adjust</span>
<span class="mt1 f2 o-30">f042</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/alarm-clock.svg" target="_blank" class="color-inherit link">
<i class="fal fa-alarm-clock"></i>
</a>
<span class="mt1 f2 fw6 gray5">alarm-clock</span>
<span class="mt1 f2 o-30">f34e</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/align-center.svg" target="_blank" class="color-inherit link">
<i class="fal fa-align-center"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-center</span>
<span class="mt1 f2 o-30">f037</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/align-justify.svg" target="_blank" class="color-inherit link">
<i class="fal fa-align-justify"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-justify</span>
<span class="mt1 f2 o-30">f039</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/align-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-align-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-left</span>
<span class="mt1 f2 o-30">f036</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/align-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-align-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">align-right</span>
<span class="mt1 f2 o-30">f038</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/ambulance.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ambulance"></i>
</a>
<span class="mt1 f2 fw6 gray5">ambulance</span>
<span class="mt1 f2 o-30">f0f9</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/american-sign-language-interpreting.svg" target="_blank" class="color-inherit link">
<i class="fal fa-american-sign-language-interpreting"></i>
</a>
<span class="mt1 f2 fw6 gray5">american-sign-language-interpreting</span>
<span class="mt1 f2 o-30">f2a3</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/anchor.svg" target="_blank" class="color-inherit link">
<i class="fal fa-anchor"></i>
</a>
<span class="mt1 f2 fw6 gray5">anchor</span>
<span class="mt1 f2 o-30">f13d</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/angle-double-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-double-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-down</span>
<span class="mt1 f2 o-30">f103</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/angle-double-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-double-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-left</span>
<span class="mt1 f2 o-30">f100</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/angle-double-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-double-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-right</span>
<span class="mt1 f2 o-30">f101</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/angle-double-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-double-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-double-up</span>
<span class="mt1 f2 o-30">f102</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/angle-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-down</span>
<span class="mt1 f2 o-30">f107</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/angle-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-left</span>
<span class="mt1 f2 o-30">f104</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/angle-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-right</span>
<span class="mt1 f2 o-30">f105</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/angle-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-angle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">angle-up</span>
<span class="mt1 f2 o-30">f106</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/archive.svg" target="_blank" class="color-inherit link">
<i class="fal fa-archive"></i>
</a>
<span class="mt1 f2 fw6 gray5">archive</span>
<span class="mt1 f2 o-30">f187</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/arrow-alt-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-down</span>
<span class="mt1 f2 o-30">f358</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/arrow-alt-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-left</span>
<span class="mt1 f2 o-30">f359</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/arrow-alt-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-right</span>
<span class="mt1 f2 o-30">f35a</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/arrow-alt-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-circle-up</span>
<span class="mt1 f2 o-30">f35b</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/arrow-alt-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-down</span>
<span class="mt1 f2 o-30">f354</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/arrow-alt-from-bottom.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-from-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-bottom</span>
<span class="mt1 f2 o-30">f346</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/arrow-alt-from-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-from-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-left</span>
<span class="mt1 f2 o-30">f347</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/arrow-alt-from-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-from-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-right</span>
<span class="mt1 f2 o-30">f348</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/arrow-alt-from-top.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-from-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-from-top</span>
<span class="mt1 f2 o-30">f349</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/arrow-alt-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-left</span>
<span class="mt1 f2 o-30">f355</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/arrow-alt-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-right</span>
<span class="mt1 f2 o-30">f356</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/arrow-alt-square-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-down</span>
<span class="mt1 f2 o-30">f350</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/arrow-alt-square-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-left</span>
<span class="mt1 f2 o-30">f351</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/arrow-alt-square-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-right</span>
<span class="mt1 f2 o-30">f352</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/arrow-alt-square-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-square-up</span>
<span class="mt1 f2 o-30">f353</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/arrow-alt-to-bottom.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-to-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-bottom</span>
<span class="mt1 f2 o-30">f34a</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/arrow-alt-to-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-to-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-left</span>
<span class="mt1 f2 o-30">f34b</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/arrow-alt-to-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-to-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-right</span>
<span class="mt1 f2 o-30">f34c</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/arrow-alt-to-top.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-to-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-to-top</span>
<span class="mt1 f2 o-30">f34d</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/arrow-alt-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-alt-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-alt-up</span>
<span class="mt1 f2 o-30">f357</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/arrow-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-down</span>
<span class="mt1 f2 o-30">f0ab</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/arrow-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-left</span>
<span class="mt1 f2 o-30">f0a8</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/arrow-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-right</span>
<span class="mt1 f2 o-30">f0a9</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/arrow-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-circle-up</span>
<span class="mt1 f2 o-30">f0aa</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/arrow-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-down</span>
<span class="mt1 f2 o-30">f063</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/arrow-from-bottom.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-from-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-bottom</span>
<span class="mt1 f2 o-30">f342</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/arrow-from-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-from-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-left</span>
<span class="mt1 f2 o-30">f343</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/arrow-from-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-from-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-right</span>
<span class="mt1 f2 o-30">f344</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/arrow-from-top.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-from-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-from-top</span>
<span class="mt1 f2 o-30">f345</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/arrow-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-left</span>
<span class="mt1 f2 o-30">f060</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/arrow-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-right</span>
<span class="mt1 f2 o-30">f061</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/arrow-square-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-down</span>
<span class="mt1 f2 o-30">f339</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/arrow-square-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-left</span>
<span class="mt1 f2 o-30">f33a</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/arrow-square-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-right</span>
<span class="mt1 f2 o-30">f33b</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/arrow-square-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-square-up</span>
<span class="mt1 f2 o-30">f33c</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/arrow-to-bottom.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-to-bottom"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-bottom</span>
<span class="mt1 f2 o-30">f33d</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/arrow-to-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-to-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-left</span>
<span class="mt1 f2 o-30">f33e</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/arrow-to-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-to-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-right</span>
<span class="mt1 f2 o-30">f340</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/arrow-to-top.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-to-top"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-to-top</span>
<span class="mt1 f2 o-30">f341</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/arrow-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrow-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrow-up</span>
<span class="mt1 f2 o-30">f062</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/arrows.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrows"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows</span>
<span class="mt1 f2 o-30">f047</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/arrows-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrows-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt</span>
<span class="mt1 f2 o-30">f0b2</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/arrows-alt-h.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrows-alt-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt-h</span>
<span class="mt1 f2 o-30">f337</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/arrows-alt-v.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrows-alt-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-alt-v</span>
<span class="mt1 f2 o-30">f338</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/arrows-h.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrows-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-h</span>
<span class="mt1 f2 o-30">f07e</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/arrows-v.svg" target="_blank" class="color-inherit link">
<i class="fal fa-arrows-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">arrows-v</span>
<span class="mt1 f2 o-30">f07d</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/assistive-listening-systems.svg" target="_blank" class="color-inherit link">
<i class="fal fa-assistive-listening-systems"></i>
</a>
<span class="mt1 f2 fw6 gray5">assistive-listening-systems</span>
<span class="mt1 f2 o-30">f2a2</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/asterisk.svg" target="_blank" class="color-inherit link">
<i class="fal fa-asterisk"></i>
</a>
<span class="mt1 f2 fw6 gray5">asterisk</span>
<span class="mt1 f2 o-30">f069</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/at.svg" target="_blank" class="color-inherit link">
<i class="fal fa-at"></i>
</a>
<span class="mt1 f2 fw6 gray5">at</span>
<span class="mt1 f2 o-30">f1fa</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/audio-description.svg" target="_blank" class="color-inherit link">
<i class="fal fa-audio-description"></i>
</a>
<span class="mt1 f2 fw6 gray5">audio-description</span>
<span class="mt1 f2 o-30">f29e</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/backward.svg" target="_blank" class="color-inherit link">
<i class="fal fa-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">backward</span>
<span class="mt1 f2 o-30">f04a</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/badge.svg" target="_blank" class="color-inherit link">
<i class="fal fa-badge"></i>
</a>
<span class="mt1 f2 fw6 gray5">badge</span>
<span class="mt1 f2 o-30">f335</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/badge-check.svg" target="_blank" class="color-inherit link">
<i class="fal fa-badge-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">badge-check</span>
<span class="mt1 f2 o-30">f336</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/balance-scale.svg" target="_blank" class="color-inherit link">
<i class="fal fa-balance-scale"></i>
</a>
<span class="mt1 f2 fw6 gray5">balance-scale</span>
<span class="mt1 f2 o-30">f24e</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/ban.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ban"></i>
</a>
<span class="mt1 f2 fw6 gray5">ban</span>
<span class="mt1 f2 o-30">f05e</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/barcode.svg" target="_blank" class="color-inherit link">
<i class="fal fa-barcode"></i>
</a>
<span class="mt1 f2 fw6 gray5">barcode</span>
<span class="mt1 f2 o-30">f02a</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/bars.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bars"></i>
</a>
<span class="mt1 f2 fw6 gray5">bars</span>
<span class="mt1 f2 o-30">f0c9</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/bath.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bath"></i>
</a>
<span class="mt1 f2 fw6 gray5">bath</span>
<span class="mt1 f2 o-30">f2cd</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/battery-bolt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-battery-bolt"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-bolt</span>
<span class="mt1 f2 o-30">f376</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/battery-empty.svg" target="_blank" class="color-inherit link">
<i class="fal fa-battery-empty"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-empty</span>
<span class="mt1 f2 o-30">f244</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/battery-full.svg" target="_blank" class="color-inherit link">
<i class="fal fa-battery-full"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-full</span>
<span class="mt1 f2 o-30">f240</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/battery-half.svg" target="_blank" class="color-inherit link">
<i class="fal fa-battery-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-half</span>
<span class="mt1 f2 o-30">f242</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/battery-quarter.svg" target="_blank" class="color-inherit link">
<i class="fal fa-battery-quarter"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-quarter</span>
<span class="mt1 f2 o-30">f243</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/battery-slash.svg" target="_blank" class="color-inherit link">
<i class="fal fa-battery-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-slash</span>
<span class="mt1 f2 o-30">f377</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/battery-three-quarters.svg" target="_blank" class="color-inherit link">
<i class="fal fa-battery-three-quarters"></i>
</a>
<span class="mt1 f2 fw6 gray5">battery-three-quarters</span>
<span class="mt1 f2 o-30">f241</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/bed.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bed"></i>
</a>
<span class="mt1 f2 fw6 gray5">bed</span>
<span class="mt1 f2 o-30">f236</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/beer.svg" target="_blank" class="color-inherit link">
<i class="fal fa-beer"></i>
</a>
<span class="mt1 f2 fw6 gray5">beer</span>
<span class="mt1 f2 o-30">f0fc</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/bell.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bell"></i>
</a>
<span class="mt1 f2 fw6 gray5">bell</span>
<span class="mt1 f2 o-30">f0f3</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/bell-slash.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bell-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">bell-slash</span>
<span class="mt1 f2 o-30">f1f6</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/bicycle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bicycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">bicycle</span>
<span class="mt1 f2 o-30">f206</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/binoculars.svg" target="_blank" class="color-inherit link">
<i class="fal fa-binoculars"></i>
</a>
<span class="mt1 f2 fw6 gray5">binoculars</span>
<span class="mt1 f2 o-30">f1e5</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/birthday-cake.svg" target="_blank" class="color-inherit link">
<i class="fal fa-birthday-cake"></i>
</a>
<span class="mt1 f2 fw6 gray5">birthday-cake</span>
<span class="mt1 f2 o-30">f1fd</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/blind.svg" target="_blank" class="color-inherit link">
<i class="fal fa-blind"></i>
</a>
<span class="mt1 f2 fw6 gray5">blind</span>
<span class="mt1 f2 o-30">f29d</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/bold.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bold"></i>
</a>
<span class="mt1 f2 fw6 gray5">bold</span>
<span class="mt1 f2 o-30">f032</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/bolt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bolt"></i>
</a>
<span class="mt1 f2 fw6 gray5">bolt</span>
<span class="mt1 f2 o-30">f0e7</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/bomb.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bomb"></i>
</a>
<span class="mt1 f2 fw6 gray5">bomb</span>
<span class="mt1 f2 o-30">f1e2</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/book.svg" target="_blank" class="color-inherit link">
<i class="fal fa-book"></i>
</a>
<span class="mt1 f2 fw6 gray5">book</span>
<span class="mt1 f2 o-30">f02d</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/bookmark.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bookmark"></i>
</a>
<span class="mt1 f2 fw6 gray5">bookmark</span>
<span class="mt1 f2 o-30">f02e</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/braille.svg" target="_blank" class="color-inherit link">
<i class="fal fa-braille"></i>
</a>
<span class="mt1 f2 fw6 gray5">braille</span>
<span class="mt1 f2 o-30">f2a1</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/briefcase.svg" target="_blank" class="color-inherit link">
<i class="fal fa-briefcase"></i>
</a>
<span class="mt1 f2 fw6 gray5">briefcase</span>
<span class="mt1 f2 o-30">f0b1</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/browser.svg" target="_blank" class="color-inherit link">
<i class="fal fa-browser"></i>
</a>
<span class="mt1 f2 fw6 gray5">browser</span>
<span class="mt1 f2 o-30">f37e</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/bug.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bug"></i>
</a>
<span class="mt1 f2 fw6 gray5">bug</span>
<span class="mt1 f2 o-30">f188</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/building.svg" target="_blank" class="color-inherit link">
<i class="fal fa-building"></i>
</a>
<span class="mt1 f2 fw6 gray5">building</span>
<span class="mt1 f2 o-30">f1ad</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/bullhorn.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bullhorn"></i>
</a>
<span class="mt1 f2 fw6 gray5">bullhorn</span>
<span class="mt1 f2 o-30">f0a1</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/bullseye.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bullseye"></i>
</a>
<span class="mt1 f2 fw6 gray5">bullseye</span>
<span class="mt1 f2 o-30">f140</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/bus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-bus"></i>
</a>
<span class="mt1 f2 fw6 gray5">bus</span>
<span class="mt1 f2 o-30">f207</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/calculator.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calculator"></i>
</a>
<span class="mt1 f2 fw6 gray5">calculator</span>
<span class="mt1 f2 o-30">f1ec</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/calendar.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar</span>
<span class="mt1 f2 o-30">f133</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/calendar-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-alt</span>
<span class="mt1 f2 o-30">f073</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/calendar-check.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-check</span>
<span class="mt1 f2 o-30">f274</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/calendar-edit.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-edit</span>
<span class="mt1 f2 o-30">f333</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/calendar-exclamation.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-exclamation</span>
<span class="mt1 f2 o-30">f334</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/calendar-minus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-minus</span>
<span class="mt1 f2 o-30">f272</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/calendar-plus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-plus</span>
<span class="mt1 f2 o-30">f271</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/calendar-times.svg" target="_blank" class="color-inherit link">
<i class="fal fa-calendar-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">calendar-times</span>
<span class="mt1 f2 o-30">f273</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/camera.svg" target="_blank" class="color-inherit link">
<i class="fal fa-camera"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera</span>
<span class="mt1 f2 o-30">f030</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/camera-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-camera-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera-alt</span>
<span class="mt1 f2 o-30">f332</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/camera-retro.svg" target="_blank" class="color-inherit link">
<i class="fal fa-camera-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">camera-retro</span>
<span class="mt1 f2 o-30">f083</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/car.svg" target="_blank" class="color-inherit link">
<i class="fal fa-car"></i>
</a>
<span class="mt1 f2 fw6 gray5">car</span>
<span class="mt1 f2 o-30">f1b9</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/caret-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-down</span>
<span class="mt1 f2 o-30">f32d</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/caret-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-left</span>
<span class="mt1 f2 o-30">f32e</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/caret-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-right</span>
<span class="mt1 f2 o-30">f330</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/caret-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-circle-up</span>
<span class="mt1 f2 o-30">f331</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/caret-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-down</span>
<span class="mt1 f2 o-30">f0d7</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/caret-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-left</span>
<span class="mt1 f2 o-30">f0d9</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/caret-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-right</span>
<span class="mt1 f2 o-30">f0da</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/caret-square-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-down</span>
<span class="mt1 f2 o-30">f150</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/caret-square-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-left</span>
<span class="mt1 f2 o-30">f191</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/caret-square-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-right</span>
<span class="mt1 f2 o-30">f152</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/caret-square-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-square-up</span>
<span class="mt1 f2 o-30">f151</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/caret-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-caret-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">caret-up</span>
<span class="mt1 f2 o-30">f0d8</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/cart-arrow-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cart-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">cart-arrow-down</span>
<span class="mt1 f2 o-30">f218</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/cart-plus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cart-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">cart-plus</span>
<span class="mt1 f2 o-30">f217</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/certificate.svg" target="_blank" class="color-inherit link">
<i class="fal fa-certificate"></i>
</a>
<span class="mt1 f2 fw6 gray5">certificate</span>
<span class="mt1 f2 o-30">f0a3</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/chart-area.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chart-area"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-area</span>
<span class="mt1 f2 o-30">f1fe</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/chart-bar.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chart-bar"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-bar</span>
<span class="mt1 f2 o-30">f080</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/chart-line.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chart-line"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-line</span>
<span class="mt1 f2 o-30">f201</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/chart-pie.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chart-pie"></i>
</a>
<span class="mt1 f2 fw6 gray5">chart-pie</span>
<span class="mt1 f2 o-30">f200</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/check.svg" target="_blank" class="color-inherit link">
<i class="fal fa-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">check</span>
<span class="mt1 f2 o-30">f00c</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/check-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-check-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">check-circle</span>
<span class="mt1 f2 o-30">f058</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/check-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-check-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">check-square</span>
<span class="mt1 f2 o-30">f14a</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/chevron-circle-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-circle-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-down</span>
<span class="mt1 f2 o-30">f13a</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/chevron-circle-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-circle-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-left</span>
<span class="mt1 f2 o-30">f137</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/chevron-circle-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-circle-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-right</span>
<span class="mt1 f2 o-30">f138</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/chevron-circle-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-circle-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-circle-up</span>
<span class="mt1 f2 o-30">f139</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/chevron-double-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-double-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-down</span>
<span class="mt1 f2 o-30">f322</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/chevron-double-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-double-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-left</span>
<span class="mt1 f2 o-30">f323</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/chevron-double-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-double-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-right</span>
<span class="mt1 f2 o-30">f324</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/chevron-double-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-double-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-double-up</span>
<span class="mt1 f2 o-30">f325</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/chevron-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-down</span>
<span class="mt1 f2 o-30">f078</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/chevron-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-left</span>
<span class="mt1 f2 o-30">f053</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/chevron-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-right</span>
<span class="mt1 f2 o-30">f054</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/chevron-square-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-square-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-down</span>
<span class="mt1 f2 o-30">f329</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/chevron-square-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-square-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-left</span>
<span class="mt1 f2 o-30">f32a</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/chevron-square-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-square-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-right</span>
<span class="mt1 f2 o-30">f32b</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/chevron-square-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-square-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-square-up</span>
<span class="mt1 f2 o-30">f32c</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/chevron-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-chevron-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">chevron-up</span>
<span class="mt1 f2 o-30">f077</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/child.svg" target="_blank" class="color-inherit link">
<i class="fal fa-child"></i>
</a>
<span class="mt1 f2 fw6 gray5">child</span>
<span class="mt1 f2 o-30">f1ae</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/circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">circle</span>
<span class="mt1 f2 o-30">f111</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/circle-notch.svg" target="_blank" class="color-inherit link">
<i class="fal fa-circle-notch"></i>
</a>
<span class="mt1 f2 fw6 gray5">circle-notch</span>
<span class="mt1 f2 o-30">f1ce</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/clipboard.svg" target="_blank" class="color-inherit link">
<i class="fal fa-clipboard"></i>
</a>
<span class="mt1 f2 fw6 gray5">clipboard</span>
<span class="mt1 f2 o-30">f328</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/clock.svg" target="_blank" class="color-inherit link">
<i class="fal fa-clock"></i>
</a>
<span class="mt1 f2 fw6 gray5">clock</span>
<span class="mt1 f2 o-30">f017</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/clone.svg" target="_blank" class="color-inherit link">
<i class="fal fa-clone"></i>
</a>
<span class="mt1 f2 fw6 gray5">clone</span>
<span class="mt1 f2 o-30">f24d</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/closed-captioning.svg" target="_blank" class="color-inherit link">
<i class="fal fa-closed-captioning"></i>
</a>
<span class="mt1 f2 fw6 gray5">closed-captioning</span>
<span class="mt1 f2 o-30">f20a</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/cloud.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cloud"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud</span>
<span class="mt1 f2 o-30">f0c2</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/cloud-download.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cloud-download"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-download</span>
<span class="mt1 f2 o-30">f0ed</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/cloud-download-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cloud-download-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-download-alt</span>
<span class="mt1 f2 o-30">f381</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/cloud-upload.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cloud-upload"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-upload</span>
<span class="mt1 f2 o-30">f0ee</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/cloud-upload-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cloud-upload-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloud-upload-alt</span>
<span class="mt1 f2 o-30">f382</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/club.svg" target="_blank" class="color-inherit link">
<i class="fal fa-club"></i>
</a>
<span class="mt1 f2 fw6 gray5">club</span>
<span class="mt1 f2 o-30">f327</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/code.svg" target="_blank" class="color-inherit link">
<i class="fal fa-code"></i>
</a>
<span class="mt1 f2 fw6 gray5">code</span>
<span class="mt1 f2 o-30">f121</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/code-branch.svg" target="_blank" class="color-inherit link">
<i class="fal fa-code-branch"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-branch</span>
<span class="mt1 f2 o-30">f126</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/code-commit.svg" target="_blank" class="color-inherit link">
<i class="fal fa-code-commit"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-commit</span>
<span class="mt1 f2 o-30">f386</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/code-merge.svg" target="_blank" class="color-inherit link">
<i class="fal fa-code-merge"></i>
</a>
<span class="mt1 f2 fw6 gray5">code-merge</span>
<span class="mt1 f2 o-30">f387</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/coffee.svg" target="_blank" class="color-inherit link">
<i class="fal fa-coffee"></i>
</a>
<span class="mt1 f2 fw6 gray5">coffee</span>
<span class="mt1 f2 o-30">f0f4</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/cog.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cog"></i>
</a>
<span class="mt1 f2 fw6 gray5">cog</span>
<span class="mt1 f2 o-30">f013</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/cogs.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cogs"></i>
</a>
<span class="mt1 f2 fw6 gray5">cogs</span>
<span class="mt1 f2 o-30">f085</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/columns.svg" target="_blank" class="color-inherit link">
<i class="fal fa-columns"></i>
</a>
<span class="mt1 f2 fw6 gray5">columns</span>
<span class="mt1 f2 o-30">f0db</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/comment.svg" target="_blank" class="color-inherit link">
<i class="fal fa-comment"></i>
</a>
<span class="mt1 f2 fw6 gray5">comment</span>
<span class="mt1 f2 o-30">f075</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/comment-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-comment-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">comment-alt</span>
<span class="mt1 f2 o-30">f27a</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/comments.svg" target="_blank" class="color-inherit link">
<i class="fal fa-comments"></i>
</a>
<span class="mt1 f2 fw6 gray5">comments</span>
<span class="mt1 f2 o-30">f086</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/compass.svg" target="_blank" class="color-inherit link">
<i class="fal fa-compass"></i>
</a>
<span class="mt1 f2 fw6 gray5">compass</span>
<span class="mt1 f2 o-30">f14e</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/compress.svg" target="_blank" class="color-inherit link">
<i class="fal fa-compress"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress</span>
<span class="mt1 f2 o-30">f066</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/compress-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-compress-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-alt</span>
<span class="mt1 f2 o-30">f422</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/compress-wide.svg" target="_blank" class="color-inherit link">
<i class="fal fa-compress-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">compress-wide</span>
<span class="mt1 f2 o-30">f326</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/copy.svg" target="_blank" class="color-inherit link">
<i class="fal fa-copy"></i>
</a>
<span class="mt1 f2 fw6 gray5">copy</span>
<span class="mt1 f2 o-30">f0c5</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/copyright.svg" target="_blank" class="color-inherit link">
<i class="fal fa-copyright"></i>
</a>
<span class="mt1 f2 fw6 gray5">copyright</span>
<span class="mt1 f2 o-30">f1f9</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/credit-card.svg" target="_blank" class="color-inherit link">
<i class="fal fa-credit-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card</span>
<span class="mt1 f2 o-30">f09d</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/credit-card-blank.svg" target="_blank" class="color-inherit link">
<i class="fal fa-credit-card-blank"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card-blank</span>
<span class="mt1 f2 o-30">f389</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/credit-card-front.svg" target="_blank" class="color-inherit link">
<i class="fal fa-credit-card-front"></i>
</a>
<span class="mt1 f2 fw6 gray5">credit-card-front</span>
<span class="mt1 f2 o-30">f38a</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/crop.svg" target="_blank" class="color-inherit link">
<i class="fal fa-crop"></i>
</a>
<span class="mt1 f2 fw6 gray5">crop</span>
<span class="mt1 f2 o-30">f125</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/crosshairs.svg" target="_blank" class="color-inherit link">
<i class="fal fa-crosshairs"></i>
</a>
<span class="mt1 f2 fw6 gray5">crosshairs</span>
<span class="mt1 f2 o-30">f05b</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/cube.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cube"></i>
</a>
<span class="mt1 f2 fw6 gray5">cube</span>
<span class="mt1 f2 o-30">f1b2</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/cubes.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cubes"></i>
</a>
<span class="mt1 f2 fw6 gray5">cubes</span>
<span class="mt1 f2 o-30">f1b3</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/cut.svg" target="_blank" class="color-inherit link">
<i class="fal fa-cut"></i>
</a>
<span class="mt1 f2 fw6 gray5">cut</span>
<span class="mt1 f2 o-30">f0c4</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/database.svg" target="_blank" class="color-inherit link">
<i class="fal fa-database"></i>
</a>
<span class="mt1 f2 fw6 gray5">database</span>
<span class="mt1 f2 o-30">f1c0</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/deaf.svg" target="_blank" class="color-inherit link">
<i class="fal fa-deaf"></i>
</a>
<span class="mt1 f2 fw6 gray5">deaf</span>
<span class="mt1 f2 o-30">f2a4</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/desktop.svg" target="_blank" class="color-inherit link">
<i class="fal fa-desktop"></i>
</a>
<span class="mt1 f2 fw6 gray5">desktop</span>
<span class="mt1 f2 o-30">f108</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/desktop-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-desktop-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">desktop-alt</span>
<span class="mt1 f2 o-30">f390</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/diamond.svg" target="_blank" class="color-inherit link">
<i class="fal fa-diamond"></i>
</a>
<span class="mt1 f2 fw6 gray5">diamond</span>
<span class="mt1 f2 o-30">f219</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/dollar-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-dollar-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">dollar-sign</span>
<span class="mt1 f2 o-30">f155</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/dot-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-dot-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">dot-circle</span>
<span class="mt1 f2 o-30">f192</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/download.svg" target="_blank" class="color-inherit link">
<i class="fal fa-download"></i>
</a>
<span class="mt1 f2 fw6 gray5">download</span>
<span class="mt1 f2 o-30">f019</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/edit.svg" target="_blank" class="color-inherit link">
<i class="fal fa-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">edit</span>
<span class="mt1 f2 o-30">f044</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/eject.svg" target="_blank" class="color-inherit link">
<i class="fal fa-eject"></i>
</a>
<span class="mt1 f2 fw6 gray5">eject</span>
<span class="mt1 f2 o-30">f052</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/ellipsis-h.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ellipsis-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-h</span>
<span class="mt1 f2 o-30">f141</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/ellipsis-h-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ellipsis-h-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-h-alt</span>
<span class="mt1 f2 o-30">f39b</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/ellipsis-v.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ellipsis-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-v</span>
<span class="mt1 f2 o-30">f142</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/ellipsis-v-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ellipsis-v-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ellipsis-v-alt</span>
<span class="mt1 f2 o-30">f39c</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/envelope.svg" target="_blank" class="color-inherit link">
<i class="fal fa-envelope"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope</span>
<span class="mt1 f2 o-30">f0e0</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/envelope-open.svg" target="_blank" class="color-inherit link">
<i class="fal fa-envelope-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope-open</span>
<span class="mt1 f2 o-30">f2b6</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/envelope-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-envelope-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">envelope-square</span>
<span class="mt1 f2 o-30">f199</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/eraser.svg" target="_blank" class="color-inherit link">
<i class="fal fa-eraser"></i>
</a>
<span class="mt1 f2 fw6 gray5">eraser</span>
<span class="mt1 f2 o-30">f12d</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/euro-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-euro-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">euro-sign</span>
<span class="mt1 f2 o-30">f153</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/exchange.svg" target="_blank" class="color-inherit link">
<i class="fal fa-exchange"></i>
</a>
<span class="mt1 f2 fw6 gray5">exchange</span>
<span class="mt1 f2 o-30">f0ec</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/exchange-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-exchange-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">exchange-alt</span>
<span class="mt1 f2 o-30">f362</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/exclamation.svg" target="_blank" class="color-inherit link">
<i class="fal fa-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation</span>
<span class="mt1 f2 o-30">f12a</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/exclamation-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-exclamation-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-circle</span>
<span class="mt1 f2 o-30">f06a</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/exclamation-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-exclamation-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-square</span>
<span class="mt1 f2 o-30">f321</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/exclamation-triangle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-exclamation-triangle"></i>
</a>
<span class="mt1 f2 fw6 gray5">exclamation-triangle</span>
<span class="mt1 f2 o-30">f071</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/expand.svg" target="_blank" class="color-inherit link">
<i class="fal fa-expand"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand</span>
<span class="mt1 f2 o-30">f065</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/expand-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-expand-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-alt</span>
<span class="mt1 f2 o-30">f424</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/expand-arrows.svg" target="_blank" class="color-inherit link">
<i class="fal fa-expand-arrows"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-arrows</span>
<span class="mt1 f2 o-30">f31d</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/expand-arrows-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-expand-arrows-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-arrows-alt</span>
<span class="mt1 f2 o-30">f31e</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/expand-wide.svg" target="_blank" class="color-inherit link">
<i class="fal fa-expand-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">expand-wide</span>
<span class="mt1 f2 o-30">f320</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/external-link.svg" target="_blank" class="color-inherit link">
<i class="fal fa-external-link"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link</span>
<span class="mt1 f2 o-30">f08e</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/external-link-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-external-link-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-alt</span>
<span class="mt1 f2 o-30">f35d</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/external-link-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-external-link-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-square</span>
<span class="mt1 f2 o-30">f14c</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/external-link-square-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-external-link-square-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">external-link-square-alt</span>
<span class="mt1 f2 o-30">f360</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/eye.svg" target="_blank" class="color-inherit link">
<i class="fal fa-eye"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye</span>
<span class="mt1 f2 o-30">f06e</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/eye-dropper.svg" target="_blank" class="color-inherit link">
<i class="fal fa-eye-dropper"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye-dropper</span>
<span class="mt1 f2 o-30">f1fb</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/eye-slash.svg" target="_blank" class="color-inherit link">
<i class="fal fa-eye-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">eye-slash</span>
<span class="mt1 f2 o-30">f070</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/fast-backward.svg" target="_blank" class="color-inherit link">
<i class="fal fa-fast-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">fast-backward</span>
<span class="mt1 f2 o-30">f049</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/fast-forward.svg" target="_blank" class="color-inherit link">
<i class="fal fa-fast-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">fast-forward</span>
<span class="mt1 f2 o-30">f050</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/fax.svg" target="_blank" class="color-inherit link">
<i class="fal fa-fax"></i>
</a>
<span class="mt1 f2 fw6 gray5">fax</span>
<span class="mt1 f2 o-30">f1ac</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/female.svg" target="_blank" class="color-inherit link">
<i class="fal fa-female"></i>
</a>
<span class="mt1 f2 fw6 gray5">female</span>
<span class="mt1 f2 o-30">f182</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/fighter-jet.svg" target="_blank" class="color-inherit link">
<i class="fal fa-fighter-jet"></i>
</a>
<span class="mt1 f2 fw6 gray5">fighter-jet</span>
<span class="mt1 f2 o-30">f0fb</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/file.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file"></i>
</a>
<span class="mt1 f2 fw6 gray5">file</span>
<span class="mt1 f2 o-30">f15b</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/file-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-alt</span>
<span class="mt1 f2 o-30">f15c</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/file-archive.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-archive"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-archive</span>
<span class="mt1 f2 o-30">f1c6</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/file-audio.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-audio"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-audio</span>
<span class="mt1 f2 o-30">f1c7</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/file-check.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-check</span>
<span class="mt1 f2 o-30">f316</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/file-code.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-code"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-code</span>
<span class="mt1 f2 o-30">f1c9</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/file-edit.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-edit"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-edit</span>
<span class="mt1 f2 o-30">f31c</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/file-excel.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-excel"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-excel</span>
<span class="mt1 f2 o-30">f1c3</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/file-exclamation.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-exclamation</span>
<span class="mt1 f2 o-30">f31a</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/file-image.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-image"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-image</span>
<span class="mt1 f2 o-30">f1c5</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/file-minus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-minus</span>
<span class="mt1 f2 o-30">f318</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/file-pdf.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-pdf"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-pdf</span>
<span class="mt1 f2 o-30">f1c1</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/file-plus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-plus</span>
<span class="mt1 f2 o-30">f319</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/file-powerpoint.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-powerpoint"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-powerpoint</span>
<span class="mt1 f2 o-30">f1c4</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/file-times.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-times</span>
<span class="mt1 f2 o-30">f317</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/file-video.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-video"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-video</span>
<span class="mt1 f2 o-30">f1c8</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/file-word.svg" target="_blank" class="color-inherit link">
<i class="fal fa-file-word"></i>
</a>
<span class="mt1 f2 fw6 gray5">file-word</span>
<span class="mt1 f2 o-30">f1c2</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/film.svg" target="_blank" class="color-inherit link">
<i class="fal fa-film"></i>
</a>
<span class="mt1 f2 fw6 gray5">film</span>
<span class="mt1 f2 o-30">f008</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/film-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-film-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">film-alt</span>
<span class="mt1 f2 o-30">f3a0</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/filter.svg" target="_blank" class="color-inherit link">
<i class="fal fa-filter"></i>
</a>
<span class="mt1 f2 fw6 gray5">filter</span>
<span class="mt1 f2 o-30">f0b0</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/fire.svg" target="_blank" class="color-inherit link">
<i class="fal fa-fire"></i>
</a>
<span class="mt1 f2 fw6 gray5">fire</span>
<span class="mt1 f2 o-30">f06d</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/fire-extinguisher.svg" target="_blank" class="color-inherit link">
<i class="fal fa-fire-extinguisher"></i>
</a>
<span class="mt1 f2 fw6 gray5">fire-extinguisher</span>
<span class="mt1 f2 o-30">f134</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/flag.svg" target="_blank" class="color-inherit link">
<i class="fal fa-flag"></i>
</a>
<span class="mt1 f2 fw6 gray5">flag</span>
<span class="mt1 f2 o-30">f024</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/flag-checkered.svg" target="_blank" class="color-inherit link">
<i class="fal fa-flag-checkered"></i>
</a>
<span class="mt1 f2 fw6 gray5">flag-checkered</span>
<span class="mt1 f2 o-30">f11e</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/flask.svg" target="_blank" class="color-inherit link">
<i class="fal fa-flask"></i>
</a>
<span class="mt1 f2 fw6 gray5">flask</span>
<span class="mt1 f2 o-30">f0c3</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/folder.svg" target="_blank" class="color-inherit link">
<i class="fal fa-folder"></i>
</a>
<span class="mt1 f2 fw6 gray5">folder</span>
<span class="mt1 f2 o-30">f07b</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/folder-open.svg" target="_blank" class="color-inherit link">
<i class="fal fa-folder-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">folder-open</span>
<span class="mt1 f2 o-30">f07c</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/font.svg" target="_blank" class="color-inherit link">
<i class="fal fa-font"></i>
</a>
<span class="mt1 f2 fw6 gray5">font</span>
<span class="mt1 f2 o-30">f031</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/forward.svg" target="_blank" class="color-inherit link">
<i class="fal fa-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">forward</span>
<span class="mt1 f2 o-30">f04e</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/frown.svg" target="_blank" class="color-inherit link">
<i class="fal fa-frown"></i>
</a>
<span class="mt1 f2 fw6 gray5">frown</span>
<span class="mt1 f2 o-30">f119</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/futbol.svg" target="_blank" class="color-inherit link">
<i class="fal fa-futbol"></i>
</a>
<span class="mt1 f2 fw6 gray5">futbol</span>
<span class="mt1 f2 o-30">f1e3</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/gamepad.svg" target="_blank" class="color-inherit link">
<i class="fal fa-gamepad"></i>
</a>
<span class="mt1 f2 fw6 gray5">gamepad</span>
<span class="mt1 f2 o-30">f11b</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/gavel.svg" target="_blank" class="color-inherit link">
<i class="fal fa-gavel"></i>
</a>
<span class="mt1 f2 fw6 gray5">gavel</span>
<span class="mt1 f2 o-30">f0e3</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/gem.svg" target="_blank" class="color-inherit link">
<i class="fal fa-gem"></i>
</a>
<span class="mt1 f2 fw6 gray5">gem</span>
<span class="mt1 f2 o-30">f3a5</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/genderless.svg" target="_blank" class="color-inherit link">
<i class="fal fa-genderless"></i>
</a>
<span class="mt1 f2 fw6 gray5">genderless</span>
<span class="mt1 f2 o-30">f22d</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/gift.svg" target="_blank" class="color-inherit link">
<i class="fal fa-gift"></i>
</a>
<span class="mt1 f2 fw6 gray5">gift</span>
<span class="mt1 f2 o-30">f06b</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/glass-martini.svg" target="_blank" class="color-inherit link">
<i class="fal fa-glass-martini"></i>
</a>
<span class="mt1 f2 fw6 gray5">glass-martini</span>
<span class="mt1 f2 o-30">f000</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/globe.svg" target="_blank" class="color-inherit link">
<i class="fal fa-globe"></i>
</a>
<span class="mt1 f2 fw6 gray5">globe</span>
<span class="mt1 f2 o-30">f0ac</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/graduation-cap.svg" target="_blank" class="color-inherit link">
<i class="fal fa-graduation-cap"></i>
</a>
<span class="mt1 f2 fw6 gray5">graduation-cap</span>
<span class="mt1 f2 o-30">f19d</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/h-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-h-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">h-square</span>
<span class="mt1 f2 o-30">f0fd</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/h1.svg" target="_blank" class="color-inherit link">
<i class="fal fa-h1"></i>
</a>
<span class="mt1 f2 fw6 gray5">h1</span>
<span class="mt1 f2 o-30">f313</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/h2.svg" target="_blank" class="color-inherit link">
<i class="fal fa-h2"></i>
</a>
<span class="mt1 f2 fw6 gray5">h2</span>
<span class="mt1 f2 o-30">f314</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/h3.svg" target="_blank" class="color-inherit link">
<i class="fal fa-h3"></i>
</a>
<span class="mt1 f2 fw6 gray5">h3</span>
<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-lizard.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-lizard"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-lizard</span>
<span class="mt1 f2 o-30">f258</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-paper.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-paper"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-paper</span>
<span class="mt1 f2 o-30">f256</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-peace.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-peace"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-peace</span>
<span class="mt1 f2 o-30">f25b</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/hand-pointer.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-pointer"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-pointer</span>
<span class="mt1 f2 o-30">f25a</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-rock.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-rock"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-rock</span>
<span class="mt1 f2 o-30">f255</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-scissors.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-scissors"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-scissors</span>
<span class="mt1 f2 o-30">f257</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-spock.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hand-spock"></i>
</a>
<span class="mt1 f2 fw6 gray5">hand-spock</span>
<span class="mt1 f2 o-30">f259</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/handshake.svg" target="_blank" class="color-inherit link">
<i class="fal fa-handshake"></i>
</a>
<span class="mt1 f2 fw6 gray5">handshake</span>
<span class="mt1 f2 o-30">f2b5</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">
<i class="fal fa-hashtag"></i>
</a>
<span class="mt1 f2 fw6 gray5">hashtag</span>
<span class="mt1 f2 o-30">f292</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/hdd.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hdd"></i>
</a>
<span class="mt1 f2 fw6 gray5">hdd</span>
<span class="mt1 f2 o-30">f0a0</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/heading.svg" target="_blank" class="color-inherit link">
<i class="fal fa-heading"></i>
</a>
<span class="mt1 f2 fw6 gray5">heading</span>
<span class="mt1 f2 o-30">f1dc</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/headphones.svg" target="_blank" class="color-inherit link">
<i class="fal fa-headphones"></i>
</a>
<span class="mt1 f2 fw6 gray5">headphones</span>
<span class="mt1 f2 o-30">f025</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/heart.svg" target="_blank" class="color-inherit link">
<i class="fal fa-heart"></i>
</a>
<span class="mt1 f2 fw6 gray5">heart</span>
<span class="mt1 f2 o-30">f004</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/heartbeat.svg" target="_blank" class="color-inherit link">
<i class="fal fa-heartbeat"></i>
</a>
<span class="mt1 f2 fw6 gray5">heartbeat</span>
<span class="mt1 f2 o-30">f21e</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/hexagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">hexagon</span>
<span class="mt1 f2 o-30">f312</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/history.svg" target="_blank" class="color-inherit link">
<i class="fal fa-history"></i>
</a>
<span class="mt1 f2 fw6 gray5">history</span>
<span class="mt1 f2 o-30">f1da</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/home.svg" target="_blank" class="color-inherit link">
<i class="fal fa-home"></i>
</a>
<span class="mt1 f2 fw6 gray5">home</span>
<span class="mt1 f2 o-30">f015</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/hospital.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hospital"></i>
</a>
<span class="mt1 f2 fw6 gray5">hospital</span>
<span class="mt1 f2 o-30">f0f8</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/hourglass.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hourglass"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass</span>
<span class="mt1 f2 o-30">f254</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/hourglass-end.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hourglass-end"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-end</span>
<span class="mt1 f2 o-30">f253</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/hourglass-half.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hourglass-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-half</span>
<span class="mt1 f2 o-30">f252</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/hourglass-start.svg" target="_blank" class="color-inherit link">
<i class="fal fa-hourglass-start"></i>
</a>
<span class="mt1 f2 fw6 gray5">hourglass-start</span>
<span class="mt1 f2 o-30">f251</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/i-cursor.svg" target="_blank" class="color-inherit link">
<i class="fal fa-i-cursor"></i>
</a>
<span class="mt1 f2 fw6 gray5">i-cursor</span>
<span class="mt1 f2 o-30">f246</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/id-badge.svg" target="_blank" class="color-inherit link">
<i class="fal fa-id-badge"></i>
</a>
<span class="mt1 f2 fw6 gray5">id-badge</span>
<span class="mt1 f2 o-30">f2c1</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/id-card.svg" target="_blank" class="color-inherit link">
<i class="fal fa-id-card"></i>
</a>
<span class="mt1 f2 fw6 gray5">id-card</span>
<span class="mt1 f2 o-30">f2c2</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/image.svg" target="_blank" class="color-inherit link">
<i class="fal fa-image"></i>
</a>
<span class="mt1 f2 fw6 gray5">image</span>
<span class="mt1 f2 o-30">f03e</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/images.svg" target="_blank" class="color-inherit link">
<i class="fal fa-images"></i>
</a>
<span class="mt1 f2 fw6 gray5">images</span>
<span class="mt1 f2 o-30">f302</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/inbox.svg" target="_blank" class="color-inherit link">
<i class="fal fa-inbox"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox</span>
<span class="mt1 f2 o-30">f01c</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/inbox-in.svg" target="_blank" class="color-inherit link">
<i class="fal fa-inbox-in"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox-in</span>
<span class="mt1 f2 o-30">f310</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/inbox-out.svg" target="_blank" class="color-inherit link">
<i class="fal fa-inbox-out"></i>
</a>
<span class="mt1 f2 fw6 gray5">inbox-out</span>
<span class="mt1 f2 o-30">f311</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/indent.svg" target="_blank" class="color-inherit link">
<i class="fal fa-indent"></i>
</a>
<span class="mt1 f2 fw6 gray5">indent</span>
<span class="mt1 f2 o-30">f03c</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/industry.svg" target="_blank" class="color-inherit link">
<i class="fal fa-industry"></i>
</a>
<span class="mt1 f2 fw6 gray5">industry</span>
<span class="mt1 f2 o-30">f275</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/industry-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-industry-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">industry-alt</span>
<span class="mt1 f2 o-30">f3b3</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/info.svg" target="_blank" class="color-inherit link">
<i class="fal fa-info"></i>
</a>
<span class="mt1 f2 fw6 gray5">info</span>
<span class="mt1 f2 o-30">f129</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/info-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-info-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">info-circle</span>
<span class="mt1 f2 o-30">f05a</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/info-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-info-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">info-square</span>
<span class="mt1 f2 o-30">f30f</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/italic.svg" target="_blank" class="color-inherit link">
<i class="fal fa-italic"></i>
</a>
<span class="mt1 f2 fw6 gray5">italic</span>
<span class="mt1 f2 o-30">f033</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/jack-o-lantern.svg" target="_blank" class="color-inherit link">
<i class="fal fa-jack-o-lantern"></i>
</a>
<span class="mt1 f2 fw6 gray5">jack-o-lantern</span>
<span class="mt1 f2 o-30">f30e</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/key.svg" target="_blank" class="color-inherit link">
<i class="fal fa-key"></i>
</a>
<span class="mt1 f2 fw6 gray5">key</span>
<span class="mt1 f2 o-30">f084</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/keyboard.svg" target="_blank" class="color-inherit link">
<i class="fal fa-keyboard"></i>
</a>
<span class="mt1 f2 fw6 gray5">keyboard</span>
<span class="mt1 f2 o-30">f11c</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/language.svg" target="_blank" class="color-inherit link">
<i class="fal fa-language"></i>
</a>
<span class="mt1 f2 fw6 gray5">language</span>
<span class="mt1 f2 o-30">f1ab</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/laptop.svg" target="_blank" class="color-inherit link">
<i class="fal fa-laptop"></i>
</a>
<span class="mt1 f2 fw6 gray5">laptop</span>
<span class="mt1 f2 o-30">f109</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/leaf.svg" target="_blank" class="color-inherit link">
<i class="fal fa-leaf"></i>
</a>
<span class="mt1 f2 fw6 gray5">leaf</span>
<span class="mt1 f2 o-30">f06c</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/lemon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-lemon"></i>
</a>
<span class="mt1 f2 fw6 gray5">lemon</span>
<span class="mt1 f2 o-30">f094</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/level-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-level-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-down</span>
<span class="mt1 f2 o-30">f149</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/level-down-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-level-down-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-down-alt</span>
<span class="mt1 f2 o-30">f3be</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/level-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-level-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-up</span>
<span class="mt1 f2 o-30">f148</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/level-up-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-level-up-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">level-up-alt</span>
<span class="mt1 f2 o-30">f3bf</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/life-ring.svg" target="_blank" class="color-inherit link">
<i class="fal fa-life-ring"></i>
</a>
<span class="mt1 f2 fw6 gray5">life-ring</span>
<span class="mt1 f2 o-30">f1cd</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/lightbulb.svg" target="_blank" class="color-inherit link">
<i class="fal fa-lightbulb"></i>
</a>
<span class="mt1 f2 fw6 gray5">lightbulb</span>
<span class="mt1 f2 o-30">f0eb</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/link.svg" target="_blank" class="color-inherit link">
<i class="fal fa-link"></i>
</a>
<span class="mt1 f2 fw6 gray5">link</span>
<span class="mt1 f2 o-30">f0c1</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/lira-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-lira-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">lira-sign</span>
<span class="mt1 f2 o-30">f195</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/list.svg" target="_blank" class="color-inherit link">
<i class="fal fa-list"></i>
</a>
<span class="mt1 f2 fw6 gray5">list</span>
<span class="mt1 f2 o-30">f03a</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/list-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-list-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-alt</span>
<span class="mt1 f2 o-30">f022</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/list-ol.svg" target="_blank" class="color-inherit link">
<i class="fal fa-list-ol"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-ol</span>
<span class="mt1 f2 o-30">f0cb</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/list-ul.svg" target="_blank" class="color-inherit link">
<i class="fal fa-list-ul"></i>
</a>
<span class="mt1 f2 fw6 gray5">list-ul</span>
<span class="mt1 f2 o-30">f0ca</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/location-arrow.svg" target="_blank" class="color-inherit link">
<i class="fal fa-location-arrow"></i>
</a>
<span class="mt1 f2 fw6 gray5">location-arrow</span>
<span class="mt1 f2 o-30">f124</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/lock.svg" target="_blank" class="color-inherit link">
<i class="fal fa-lock"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock</span>
<span class="mt1 f2 o-30">f023</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/lock-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-lock-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-alt</span>
<span class="mt1 f2 o-30">f30d</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/lock-open.svg" target="_blank" class="color-inherit link">
<i class="fal fa-lock-open"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-open</span>
<span class="mt1 f2 o-30">f3c1</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/lock-open-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-lock-open-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">lock-open-alt</span>
<span class="mt1 f2 o-30">f3c2</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/long-arrow-alt-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-alt-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-down</span>
<span class="mt1 f2 o-30">f309</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/long-arrow-alt-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-alt-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-left</span>
<span class="mt1 f2 o-30">f30a</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/long-arrow-alt-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-alt-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-right</span>
<span class="mt1 f2 o-30">f30b</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/long-arrow-alt-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-alt-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-alt-up</span>
<span class="mt1 f2 o-30">f30c</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/long-arrow-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-down</span>
<span class="mt1 f2 o-30">f175</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/long-arrow-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-left</span>
<span class="mt1 f2 o-30">f177</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/long-arrow-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-right</span>
<span class="mt1 f2 o-30">f178</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/long-arrow-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-long-arrow-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">long-arrow-up</span>
<span class="mt1 f2 o-30">f176</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/low-vision.svg" target="_blank" class="color-inherit link">
<i class="fal fa-low-vision"></i>
</a>
<span class="mt1 f2 fw6 gray5">low-vision</span>
<span class="mt1 f2 o-30">f2a8</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/magic.svg" target="_blank" class="color-inherit link">
<i class="fal fa-magic"></i>
</a>
<span class="mt1 f2 fw6 gray5">magic</span>
<span class="mt1 f2 o-30">f0d0</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/magnet.svg" target="_blank" class="color-inherit link">
<i class="fal fa-magnet"></i>
</a>
<span class="mt1 f2 fw6 gray5">magnet</span>
<span class="mt1 f2 o-30">f076</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/male.svg" target="_blank" class="color-inherit link">
<i class="fal fa-male"></i>
</a>
<span class="mt1 f2 fw6 gray5">male</span>
<span class="mt1 f2 o-30">f183</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/map.svg" target="_blank" class="color-inherit link">
<i class="fal fa-map"></i>
</a>
<span class="mt1 f2 fw6 gray5">map</span>
<span class="mt1 f2 o-30">f279</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/map-marker.svg" target="_blank" class="color-inherit link">
<i class="fal fa-map-marker"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-marker</span>
<span class="mt1 f2 o-30">f041</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/map-marker-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-map-marker-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-marker-alt</span>
<span class="mt1 f2 o-30">f3c5</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/map-pin.svg" target="_blank" class="color-inherit link">
<i class="fal fa-map-pin"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-pin</span>
<span class="mt1 f2 o-30">f276</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/map-signs.svg" target="_blank" class="color-inherit link">
<i class="fal fa-map-signs"></i>
</a>
<span class="mt1 f2 fw6 gray5">map-signs</span>
<span class="mt1 f2 o-30">f277</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/mars.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mars"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars</span>
<span class="mt1 f2 o-30">f222</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/mars-double.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mars-double"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-double</span>
<span class="mt1 f2 o-30">f227</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/mars-stroke.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mars-stroke"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke</span>
<span class="mt1 f2 o-30">f229</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/mars-stroke-h.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mars-stroke-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke-h</span>
<span class="mt1 f2 o-30">f22b</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/mars-stroke-v.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mars-stroke-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">mars-stroke-v</span>
<span class="mt1 f2 o-30">f22a</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/medkit.svg" target="_blank" class="color-inherit link">
<i class="fal fa-medkit"></i>
</a>
<span class="mt1 f2 fw6 gray5">medkit</span>
<span class="mt1 f2 o-30">f0fa</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/meh.svg" target="_blank" class="color-inherit link">
<i class="fal fa-meh"></i>
</a>
<span class="mt1 f2 fw6 gray5">meh</span>
<span class="mt1 f2 o-30">f11a</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/mercury.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mercury"></i>
</a>
<span class="mt1 f2 fw6 gray5">mercury</span>
<span class="mt1 f2 o-30">f223</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/microchip.svg" target="_blank" class="color-inherit link">
<i class="fal fa-microchip"></i>
</a>
<span class="mt1 f2 fw6 gray5">microchip</span>
<span class="mt1 f2 o-30">f2db</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/microphone.svg" target="_blank" class="color-inherit link">
<i class="fal fa-microphone"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone</span>
<span class="mt1 f2 o-30">f130</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/microphone-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-microphone-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone-alt</span>
<span class="mt1 f2 o-30">f3c9</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/microphone-slash.svg" target="_blank" class="color-inherit link">
<i class="fal fa-microphone-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">microphone-slash</span>
<span class="mt1 f2 o-30">f131</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/minus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus</span>
<span class="mt1 f2 o-30">f068</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/minus-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-minus-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-circle</span>
<span class="mt1 f2 o-30">f056</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/minus-hexagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-minus-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-hexagon</span>
<span class="mt1 f2 o-30">f307</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/minus-octagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-minus-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-octagon</span>
<span class="mt1 f2 o-30">f308</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/minus-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-minus-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">minus-square</span>
<span class="mt1 f2 o-30">f146</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/mobile.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mobile"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile</span>
<span class="mt1 f2 o-30">f10b</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/mobile-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mobile-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-alt</span>
<span class="mt1 f2 o-30">f3cd</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/mobile-android.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mobile-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-android</span>
<span class="mt1 f2 o-30">f3ce</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/mobile-android-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mobile-android-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">mobile-android-alt</span>
<span class="mt1 f2 o-30">f3cf</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/money-bill.svg" target="_blank" class="color-inherit link">
<i class="fal fa-money-bill"></i>
</a>
<span class="mt1 f2 fw6 gray5">money-bill</span>
<span class="mt1 f2 o-30">f0d6</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/money-bill-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-money-bill-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">money-bill-alt</span>
<span class="mt1 f2 o-30">f3d1</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/moon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-moon"></i>
</a>
<span class="mt1 f2 fw6 gray5">moon</span>
<span class="mt1 f2 o-30">f186</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/motorcycle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-motorcycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">motorcycle</span>
<span class="mt1 f2 o-30">f21c</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/mouse-pointer.svg" target="_blank" class="color-inherit link">
<i class="fal fa-mouse-pointer"></i>
</a>
<span class="mt1 f2 fw6 gray5">mouse-pointer</span>
<span class="mt1 f2 o-30">f245</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/music.svg" target="_blank" class="color-inherit link">
<i class="fal fa-music"></i>
</a>
<span class="mt1 f2 fw6 gray5">music</span>
<span class="mt1 f2 o-30">f001</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/neuter.svg" target="_blank" class="color-inherit link">
<i class="fal fa-neuter"></i>
</a>
<span class="mt1 f2 fw6 gray5">neuter</span>
<span class="mt1 f2 o-30">f22c</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/newspaper.svg" target="_blank" class="color-inherit link">
<i class="fal fa-newspaper"></i>
</a>
<span class="mt1 f2 fw6 gray5">newspaper</span>
<span class="mt1 f2 o-30">f1ea</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/object-group.svg" target="_blank" class="color-inherit link">
<i class="fal fa-object-group"></i>
</a>
<span class="mt1 f2 fw6 gray5">object-group</span>
<span class="mt1 f2 o-30">f247</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/object-ungroup.svg" target="_blank" class="color-inherit link">
<i class="fal fa-object-ungroup"></i>
</a>
<span class="mt1 f2 fw6 gray5">object-ungroup</span>
<span class="mt1 f2 o-30">f248</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/octagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">octagon</span>
<span class="mt1 f2 o-30">f306</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/outdent.svg" target="_blank" class="color-inherit link">
<i class="fal fa-outdent"></i>
</a>
<span class="mt1 f2 fw6 gray5">outdent</span>
<span class="mt1 f2 o-30">f03b</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/paint-brush.svg" target="_blank" class="color-inherit link">
<i class="fal fa-paint-brush"></i>
</a>
<span class="mt1 f2 fw6 gray5">paint-brush</span>
<span class="mt1 f2 o-30">f1fc</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/paper-plane.svg" target="_blank" class="color-inherit link">
<i class="fal fa-paper-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">paper-plane</span>
<span class="mt1 f2 o-30">f1d8</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/paperclip.svg" target="_blank" class="color-inherit link">
<i class="fal fa-paperclip"></i>
</a>
<span class="mt1 f2 fw6 gray5">paperclip</span>
<span class="mt1 f2 o-30">f0c6</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/paragraph.svg" target="_blank" class="color-inherit link">
<i class="fal fa-paragraph"></i>
</a>
<span class="mt1 f2 fw6 gray5">paragraph</span>
<span class="mt1 f2 o-30">f1dd</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/paste.svg" target="_blank" class="color-inherit link">
<i class="fal fa-paste"></i>
</a>
<span class="mt1 f2 fw6 gray5">paste</span>
<span class="mt1 f2 o-30">f0ea</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/pause.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pause"></i>
</a>
<span class="mt1 f2 fw6 gray5">pause</span>
<span class="mt1 f2 o-30">f04c</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/pause-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pause-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">pause-circle</span>
<span class="mt1 f2 o-30">f28b</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/paw.svg" target="_blank" class="color-inherit link">
<i class="fal fa-paw"></i>
</a>
<span class="mt1 f2 fw6 gray5">paw</span>
<span class="mt1 f2 o-30">f1b0</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/pen.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pen"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen</span>
<span class="mt1 f2 o-30">f304</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/pen-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pen-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen-alt</span>
<span class="mt1 f2 o-30">f305</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/pen-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pen-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">pen-square</span>
<span class="mt1 f2 o-30">f14b</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/pencil.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pencil"></i>
</a>
<span class="mt1 f2 fw6 gray5">pencil</span>
<span class="mt1 f2 o-30">f040</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/pencil-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pencil-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">pencil-alt</span>
<span class="mt1 f2 o-30">f303</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/percent.svg" target="_blank" class="color-inherit link">
<i class="fal fa-percent"></i>
</a>
<span class="mt1 f2 fw6 gray5">percent</span>
<span class="mt1 f2 o-30">f295</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/phone.svg" target="_blank" class="color-inherit link">
<i class="fal fa-phone"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone</span>
<span class="mt1 f2 o-30">f095</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/phone-slash.svg" target="_blank" class="color-inherit link">
<i class="fal fa-phone-slash"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-slash</span>
<span class="mt1 f2 o-30">f3dd</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/phone-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-phone-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-square</span>
<span class="mt1 f2 o-30">f098</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/phone-volume.svg" target="_blank" class="color-inherit link">
<i class="fal fa-phone-volume"></i>
</a>
<span class="mt1 f2 fw6 gray5">phone-volume</span>
<span class="mt1 f2 o-30">f2a0</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/plane.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">plane</span>
<span class="mt1 f2 o-30">f072</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/plane-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plane-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">plane-alt</span>
<span class="mt1 f2 o-30">f3de</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/play.svg" target="_blank" class="color-inherit link">
<i class="fal fa-play"></i>
</a>
<span class="mt1 f2 fw6 gray5">play</span>
<span class="mt1 f2 o-30">f04b</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/play-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-play-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">play-circle</span>
<span class="mt1 f2 o-30">f144</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/plug.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plug"></i>
</a>
<span class="mt1 f2 fw6 gray5">plug</span>
<span class="mt1 f2 o-30">f1e6</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/plus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus</span>
<span class="mt1 f2 o-30">f067</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/plus-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plus-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-circle</span>
<span class="mt1 f2 o-30">f055</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/plus-hexagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plus-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-hexagon</span>
<span class="mt1 f2 o-30">f300</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/plus-octagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plus-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-octagon</span>
<span class="mt1 f2 o-30">f301</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/plus-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-plus-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">plus-square</span>
<span class="mt1 f2 o-30">f0fe</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/podcast.svg" target="_blank" class="color-inherit link">
<i class="fal fa-podcast"></i>
</a>
<span class="mt1 f2 fw6 gray5">podcast</span>
<span class="mt1 f2 o-30">f2ce</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/poo.svg" target="_blank" class="color-inherit link">
<i class="fal fa-poo"></i>
</a>
<span class="mt1 f2 fw6 gray5">poo</span>
<span class="mt1 f2 o-30">f2fe</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/portrait.svg" target="_blank" class="color-inherit link">
<i class="fal fa-portrait"></i>
</a>
<span class="mt1 f2 fw6 gray5">portrait</span>
<span class="mt1 f2 o-30">f3e0</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/pound-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-pound-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">pound-sign</span>
<span class="mt1 f2 o-30">f154</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/power-off.svg" target="_blank" class="color-inherit link">
<i class="fal fa-power-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">power-off</span>
<span class="mt1 f2 o-30">f011</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/print.svg" target="_blank" class="color-inherit link">
<i class="fal fa-print"></i>
</a>
<span class="mt1 f2 fw6 gray5">print</span>
<span class="mt1 f2 o-30">f02f</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/puzzle-piece.svg" target="_blank" class="color-inherit link">
<i class="fal fa-puzzle-piece"></i>
</a>
<span class="mt1 f2 fw6 gray5">puzzle-piece</span>
<span class="mt1 f2 o-30">f12e</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/qrcode.svg" target="_blank" class="color-inherit link">
<i class="fal fa-qrcode"></i>
</a>
<span class="mt1 f2 fw6 gray5">qrcode</span>
<span class="mt1 f2 o-30">f029</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/question.svg" target="_blank" class="color-inherit link">
<i class="fal fa-question"></i>
</a>
<span class="mt1 f2 fw6 gray5">question</span>
<span class="mt1 f2 o-30">f128</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/question-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-question-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">question-circle</span>
<span class="mt1 f2 o-30">f059</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/question-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-question-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">question-square</span>
<span class="mt1 f2 o-30">f2fd</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/quote-left.svg" target="_blank" class="color-inherit link">
<i class="fal fa-quote-left"></i>
</a>
<span class="mt1 f2 fw6 gray5">quote-left</span>
<span class="mt1 f2 o-30">f10d</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/quote-right.svg" target="_blank" class="color-inherit link">
<i class="fal fa-quote-right"></i>
</a>
<span class="mt1 f2 fw6 gray5">quote-right</span>
<span class="mt1 f2 o-30">f10e</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/random.svg" target="_blank" class="color-inherit link">
<i class="fal fa-random"></i>
</a>
<span class="mt1 f2 fw6 gray5">random</span>
<span class="mt1 f2 o-30">f074</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/rectangle-landscape.svg" target="_blank" class="color-inherit link">
<i class="fal fa-rectangle-landscape"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-landscape</span>
<span class="mt1 f2 o-30">f2fa</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/rectangle-portrait.svg" target="_blank" class="color-inherit link">
<i class="fal fa-rectangle-portrait"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-portrait</span>
<span class="mt1 f2 o-30">f2fb</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/rectangle-wide.svg" target="_blank" class="color-inherit link">
<i class="fal fa-rectangle-wide"></i>
</a>
<span class="mt1 f2 fw6 gray5">rectangle-wide</span>
<span class="mt1 f2 o-30">f2fc</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/recycle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-recycle"></i>
</a>
<span class="mt1 f2 fw6 gray5">recycle</span>
<span class="mt1 f2 o-30">f1b8</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/redo.svg" target="_blank" class="color-inherit link">
<i class="fal fa-redo"></i>
</a>
<span class="mt1 f2 fw6 gray5">redo</span>
<span class="mt1 f2 o-30">f01e</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/redo-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-redo-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">redo-alt</span>
<span class="mt1 f2 o-30">f2f9</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/registered.svg" target="_blank" class="color-inherit link">
<i class="fal fa-registered"></i>
</a>
<span class="mt1 f2 fw6 gray5">registered</span>
<span class="mt1 f2 o-30">f25d</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/repeat.svg" target="_blank" class="color-inherit link">
<i class="fal fa-repeat"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat</span>
<span class="mt1 f2 o-30">f363</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/repeat-1.svg" target="_blank" class="color-inherit link">
<i class="fal fa-repeat-1"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-1</span>
<span class="mt1 f2 o-30">f365</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/repeat-1-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-repeat-1-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-1-alt</span>
<span class="mt1 f2 o-30">f366</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/repeat-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-repeat-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">repeat-alt</span>
<span class="mt1 f2 o-30">f364</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/reply.svg" target="_blank" class="color-inherit link">
<i class="fal fa-reply"></i>
</a>
<span class="mt1 f2 fw6 gray5">reply</span>
<span class="mt1 f2 o-30">f3e5</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/reply-all.svg" target="_blank" class="color-inherit link">
<i class="fal fa-reply-all"></i>
</a>
<span class="mt1 f2 fw6 gray5">reply-all</span>
<span class="mt1 f2 o-30">f122</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/retweet.svg" target="_blank" class="color-inherit link">
<i class="fal fa-retweet"></i>
</a>
<span class="mt1 f2 fw6 gray5">retweet</span>
<span class="mt1 f2 o-30">f079</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/retweet-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-retweet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">retweet-alt</span>
<span class="mt1 f2 o-30">f361</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/road.svg" target="_blank" class="color-inherit link">
<i class="fal fa-road"></i>
</a>
<span class="mt1 f2 fw6 gray5">road</span>
<span class="mt1 f2 o-30">f018</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/rocket.svg" target="_blank" class="color-inherit link">
<i class="fal fa-rocket"></i>
</a>
<span class="mt1 f2 fw6 gray5">rocket</span>
<span class="mt1 f2 o-30">f135</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/rss.svg" target="_blank" class="color-inherit link">
<i class="fal fa-rss"></i>
</a>
<span class="mt1 f2 fw6 gray5">rss</span>
<span class="mt1 f2 o-30">f09e</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/rss-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-rss-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">rss-square</span>
<span class="mt1 f2 o-30">f143</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/ruble-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ruble-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">ruble-sign</span>
<span class="mt1 f2 o-30">f158</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/rupee-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-rupee-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">rupee-sign</span>
<span class="mt1 f2 o-30">f156</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/save.svg" target="_blank" class="color-inherit link">
<i class="fal fa-save"></i>
</a>
<span class="mt1 f2 fw6 gray5">save</span>
<span class="mt1 f2 o-30">f0c7</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/scrubber.svg" target="_blank" class="color-inherit link">
<i class="fal fa-scrubber"></i>
</a>
<span class="mt1 f2 fw6 gray5">scrubber</span>
<span class="mt1 f2 o-30">f2f8</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/search.svg" target="_blank" class="color-inherit link">
<i class="fal fa-search"></i>
</a>
<span class="mt1 f2 fw6 gray5">search</span>
<span class="mt1 f2 o-30">f002</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/search-minus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-search-minus"></i>
</a>
<span class="mt1 f2 fw6 gray5">search-minus</span>
<span class="mt1 f2 o-30">f010</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/search-plus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-search-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">search-plus</span>
<span class="mt1 f2 o-30">f00e</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/server.svg" target="_blank" class="color-inherit link">
<i class="fal fa-server"></i>
</a>
<span class="mt1 f2 fw6 gray5">server</span>
<span class="mt1 f2 o-30">f233</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/share.svg" target="_blank" class="color-inherit link">
<i class="fal fa-share"></i>
</a>
<span class="mt1 f2 fw6 gray5">share</span>
<span class="mt1 f2 o-30">f064</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/share-all.svg" target="_blank" class="color-inherit link">
<i class="fal fa-share-all"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-all</span>
<span class="mt1 f2 o-30">f367</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/share-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-share-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-alt</span>
<span class="mt1 f2 o-30">f1e0</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/share-alt-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-share-alt-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-alt-square</span>
<span class="mt1 f2 o-30">f1e1</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/share-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-share-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">share-square</span>
<span class="mt1 f2 o-30">f14d</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/shekel-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shekel-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">shekel-sign</span>
<span class="mt1 f2 o-30">f20b</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/shield.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shield"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield</span>
<span class="mt1 f2 o-30">f132</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/shield-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shield-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/shield-check.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shield-check"></i>
</a>
<span class="mt1 f2 fw6 gray5">shield-check</span>
<span class="mt1 f2 o-30">f2f7</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/ship.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ship"></i>
</a>
<span class="mt1 f2 fw6 gray5">ship</span>
<span class="mt1 f2 o-30">f21a</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/shopping-bag.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shopping-bag"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-bag</span>
<span class="mt1 f2 o-30">f290</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/shopping-basket.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shopping-basket"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-basket</span>
<span class="mt1 f2 o-30">f291</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/shopping-cart.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shopping-cart"></i>
</a>
<span class="mt1 f2 fw6 gray5">shopping-cart</span>
<span class="mt1 f2 o-30">f07a</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/shower.svg" target="_blank" class="color-inherit link">
<i class="fal fa-shower"></i>
</a>
<span class="mt1 f2 fw6 gray5">shower</span>
<span class="mt1 f2 o-30">f2cc</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/sign-in.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sign-in"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-in</span>
<span class="mt1 f2 o-30">f090</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/sign-in-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sign-in-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-in-alt</span>
<span class="mt1 f2 o-30">f2f6</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/sign-language.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sign-language"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-language</span>
<span class="mt1 f2 o-30">f2a7</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/sign-out.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sign-out"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-out</span>
<span class="mt1 f2 o-30">f08b</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/sign-out-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sign-out-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sign-out-alt</span>
<span class="mt1 f2 o-30">f2f5</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/signal.svg" target="_blank" class="color-inherit link">
<i class="fal fa-signal"></i>
</a>
<span class="mt1 f2 fw6 gray5">signal</span>
<span class="mt1 f2 o-30">f012</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/sitemap.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sitemap"></i>
</a>
<span class="mt1 f2 fw6 gray5">sitemap</span>
<span class="mt1 f2 o-30">f0e8</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/sliders-h.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sliders-h"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-h</span>
<span class="mt1 f2 o-30">f1de</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/sliders-h-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sliders-h-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-h-square</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/sliders-v.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sliders-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-v</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/sliders-v-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sliders-v-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">sliders-v-square</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/smile.svg" target="_blank" class="color-inherit link">
<i class="fal fa-smile"></i>
</a>
<span class="mt1 f2 fw6 gray5">smile</span>
<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">
<i class="fal fa-sort"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort</span>
<span class="mt1 f2 o-30">f0dc</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-alpha-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-alpha-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-alpha-down</span>
<span class="mt1 f2 o-30">f15d</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-alpha-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-alpha-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-alpha-up</span>
<span class="mt1 f2 o-30">f15e</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-amount-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-amount-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-amount-down</span>
<span class="mt1 f2 o-30">f160</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-amount-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-amount-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-amount-up</span>
<span class="mt1 f2 o-30">f161</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-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-down</span>
<span class="mt1 f2 o-30">f0dd</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-numeric-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-numeric-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-numeric-down</span>
<span class="mt1 f2 o-30">f162</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-numeric-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-numeric-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-numeric-up</span>
<span class="mt1 f2 o-30">f163</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-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sort-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">sort-up</span>
<span class="mt1 f2 o-30">f0de</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/space-shuttle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-space-shuttle"></i>
</a>
<span class="mt1 f2 fw6 gray5">space-shuttle</span>
<span class="mt1 f2 o-30">f197</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/spade.svg" target="_blank" class="color-inherit link">
<i class="fal fa-spade"></i>
</a>
<span class="mt1 f2 fw6 gray5">spade</span>
<span class="mt1 f2 o-30">f2f4</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/spinner.svg" target="_blank" class="color-inherit link">
<i class="fal fa-spinner"></i>
</a>
<span class="mt1 f2 fw6 gray5">spinner</span>
<span class="mt1 f2 o-30">f110</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/spinner-third.svg" target="_blank" class="color-inherit link">
<i class="fal fa-spinner-third"></i>
</a>
<span class="mt1 f2 fw6 gray5">spinner-third</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">square</span>
<span class="mt1 f2 o-30">f0c8</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/star.svg" target="_blank" class="color-inherit link">
<i class="fal fa-star"></i>
</a>
<span class="mt1 f2 fw6 gray5">star</span>
<span class="mt1 f2 o-30">f005</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/star-exclamation.svg" target="_blank" class="color-inherit link">
<i class="fal fa-star-exclamation"></i>
</a>
<span class="mt1 f2 fw6 gray5">star-exclamation</span>
<span class="mt1 f2 o-30">f2f3</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/star-half.svg" target="_blank" class="color-inherit link">
<i class="fal fa-star-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">star-half</span>
<span class="mt1 f2 o-30">f089</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/step-backward.svg" target="_blank" class="color-inherit link">
<i class="fal fa-step-backward"></i>
</a>
<span class="mt1 f2 fw6 gray5">step-backward</span>
<span class="mt1 f2 o-30">f048</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/step-forward.svg" target="_blank" class="color-inherit link">
<i class="fal fa-step-forward"></i>
</a>
<span class="mt1 f2 fw6 gray5">step-forward</span>
<span class="mt1 f2 o-30">f051</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/stethoscope.svg" target="_blank" class="color-inherit link">
<i class="fal fa-stethoscope"></i>
</a>
<span class="mt1 f2 fw6 gray5">stethoscope</span>
<span class="mt1 f2 o-30">f0f1</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/sticky-note.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sticky-note"></i>
</a>
<span class="mt1 f2 fw6 gray5">sticky-note</span>
<span class="mt1 f2 o-30">f249</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/stop.svg" target="_blank" class="color-inherit link">
<i class="fal fa-stop"></i>
</a>
<span class="mt1 f2 fw6 gray5">stop</span>
<span class="mt1 f2 o-30">f04d</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/stop-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-stop-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">stop-circle</span>
<span class="mt1 f2 o-30">f28d</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/stopwatch.svg" target="_blank" class="color-inherit link">
<i class="fal fa-stopwatch"></i>
</a>
<span class="mt1 f2 fw6 gray5">stopwatch</span>
<span class="mt1 f2 o-30">f2f2</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/street-view.svg" target="_blank" class="color-inherit link">
<i class="fal fa-street-view"></i>
</a>
<span class="mt1 f2 fw6 gray5">street-view</span>
<span class="mt1 f2 o-30">f21d</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/strikethrough.svg" target="_blank" class="color-inherit link">
<i class="fal fa-strikethrough"></i>
</a>
<span class="mt1 f2 fw6 gray5">strikethrough</span>
<span class="mt1 f2 o-30">f0cc</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/subscript.svg" target="_blank" class="color-inherit link">
<i class="fal fa-subscript"></i>
</a>
<span class="mt1 f2 fw6 gray5">subscript</span>
<span class="mt1 f2 o-30">f12c</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/subway.svg" target="_blank" class="color-inherit link">
<i class="fal fa-subway"></i>
</a>
<span class="mt1 f2 fw6 gray5">subway</span>
<span class="mt1 f2 o-30">f239</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/suitcase.svg" target="_blank" class="color-inherit link">
<i class="fal fa-suitcase"></i>
</a>
<span class="mt1 f2 fw6 gray5">suitcase</span>
<span class="mt1 f2 o-30">f0f2</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/sun.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sun"></i>
</a>
<span class="mt1 f2 fw6 gray5">sun</span>
<span class="mt1 f2 o-30">f185</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/superscript.svg" target="_blank" class="color-inherit link">
<i class="fal fa-superscript"></i>
</a>
<span class="mt1 f2 fw6 gray5">superscript</span>
<span class="mt1 f2 o-30">f12b</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/sync.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sync"></i>
</a>
<span class="mt1 f2 fw6 gray5">sync</span>
<span class="mt1 f2 o-30">f021</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/sync-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-sync-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">sync-alt</span>
<span class="mt1 f2 o-30">f2f1</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/table.svg" target="_blank" class="color-inherit link">
<i class="fal fa-table"></i>
</a>
<span class="mt1 f2 fw6 gray5">table</span>
<span class="mt1 f2 o-30">f0ce</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/tablet.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tablet"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet</span>
<span class="mt1 f2 o-30">f10a</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/tablet-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tablet-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/tablet-android.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tablet-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">tablet-android</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/tablet-android-alt.svg" target="_blank" class="color-inherit link">
<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">f3fc</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">f3fd</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/tag.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tag"></i>
</a>
<span class="mt1 f2 fw6 gray5">tag</span>
<span class="mt1 f2 o-30">f02b</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/tags.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tags"></i>
</a>
<span class="mt1 f2 fw6 gray5">tags</span>
<span class="mt1 f2 o-30">f02c</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/tasks.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tasks"></i>
</a>
<span class="mt1 f2 fw6 gray5">tasks</span>
<span class="mt1 f2 o-30">f0ae</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/taxi.svg" target="_blank" class="color-inherit link">
<i class="fal fa-taxi"></i>
</a>
<span class="mt1 f2 fw6 gray5">taxi</span>
<span class="mt1 f2 o-30">f1ba</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/terminal.svg" target="_blank" class="color-inherit link">
<i class="fal fa-terminal"></i>
</a>
<span class="mt1 f2 fw6 gray5">terminal</span>
<span class="mt1 f2 o-30">f120</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/text-height.svg" target="_blank" class="color-inherit link">
<i class="fal fa-text-height"></i>
</a>
<span class="mt1 f2 fw6 gray5">text-height</span>
<span class="mt1 f2 o-30">f034</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/text-width.svg" target="_blank" class="color-inherit link">
<i class="fal fa-text-width"></i>
</a>
<span class="mt1 f2 fw6 gray5">text-width</span>
<span class="mt1 f2 o-30">f035</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/th.svg" target="_blank" class="color-inherit link">
<i class="fal fa-th"></i>
</a>
<span class="mt1 f2 fw6 gray5">th</span>
<span class="mt1 f2 o-30">f00a</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/th-large.svg" target="_blank" class="color-inherit link">
<i class="fal fa-th-large"></i>
</a>
<span class="mt1 f2 fw6 gray5">th-large</span>
<span class="mt1 f2 o-30">f009</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/th-list.svg" target="_blank" class="color-inherit link">
<i class="fal fa-th-list"></i>
</a>
<span class="mt1 f2 fw6 gray5">th-list</span>
<span class="mt1 f2 o-30">f00b</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/thermometer-empty.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thermometer-empty"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-empty</span>
<span class="mt1 f2 o-30">f2cb</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/thermometer-full.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thermometer-full"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-full</span>
<span class="mt1 f2 o-30">f2c7</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/thermometer-half.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thermometer-half"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-half</span>
<span class="mt1 f2 o-30">f2c9</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/thermometer-quarter.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thermometer-quarter"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-quarter</span>
<span class="mt1 f2 o-30">f2ca</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/thermometer-three-quarters.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thermometer-three-quarters"></i>
</a>
<span class="mt1 f2 fw6 gray5">thermometer-three-quarters</span>
<span class="mt1 f2 o-30">f2c8</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/thumbs-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thumbs-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbs-down</span>
<span class="mt1 f2 o-30">f165</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/thumbs-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thumbs-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbs-up</span>
<span class="mt1 f2 o-30">f164</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/thumbtack.svg" target="_blank" class="color-inherit link">
<i class="fal fa-thumbtack"></i>
</a>
<span class="mt1 f2 fw6 gray5">thumbtack</span>
<span class="mt1 f2 o-30">f08d</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/ticket.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ticket"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket</span>
<span class="mt1 f2 o-30">f145</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/ticket-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-ticket-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">ticket-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/times.svg" target="_blank" class="color-inherit link">
<i class="fal fa-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">times</span>
<span class="mt1 f2 o-30">f00d</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/times-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-times-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-circle</span>
<span class="mt1 f2 o-30">f057</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/times-hexagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-times-hexagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-hexagon</span>
<span class="mt1 f2 o-30">f2ee</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/times-octagon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-times-octagon"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-octagon</span>
<span class="mt1 f2 o-30">f2f0</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/times-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-times-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">times-square</span>
<span class="mt1 f2 o-30">f2d3</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/tint.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tint"></i>
</a>
<span class="mt1 f2 fw6 gray5">tint</span>
<span class="mt1 f2 o-30">f043</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/toggle-off.svg" target="_blank" class="color-inherit link">
<i class="fal fa-toggle-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">toggle-off</span>
<span class="mt1 f2 o-30">f204</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/toggle-on.svg" target="_blank" class="color-inherit link">
<i class="fal fa-toggle-on"></i>
</a>
<span class="mt1 f2 fw6 gray5">toggle-on</span>
<span class="mt1 f2 o-30">f205</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/trademark.svg" target="_blank" class="color-inherit link">
<i class="fal fa-trademark"></i>
</a>
<span class="mt1 f2 fw6 gray5">trademark</span>
<span class="mt1 f2 o-30">f25c</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/train.svg" target="_blank" class="color-inherit link">
<i class="fal fa-train"></i>
</a>
<span class="mt1 f2 fw6 gray5">train</span>
<span class="mt1 f2 o-30">f238</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/transgender.svg" target="_blank" class="color-inherit link">
<i class="fal fa-transgender"></i>
</a>
<span class="mt1 f2 fw6 gray5">transgender</span>
<span class="mt1 f2 o-30">f224</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/transgender-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-transgender-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">transgender-alt</span>
<span class="mt1 f2 o-30">f225</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/trash.svg" target="_blank" class="color-inherit link">
<i class="fal fa-trash"></i>
</a>
<span class="mt1 f2 fw6 gray5">trash</span>
<span class="mt1 f2 o-30">f1f8</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/trash-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-trash-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">trash-alt</span>
<span class="mt1 f2 o-30">f2ed</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/tree.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tree"></i>
</a>
<span class="mt1 f2 fw6 gray5">tree</span>
<span class="mt1 f2 o-30">f1bb</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/tree-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tree-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">tree-alt</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/triangle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-triangle"></i>
</a>
<span class="mt1 f2 fw6 gray5">triangle</span>
<span class="mt1 f2 o-30">f2ec</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/trophy.svg" target="_blank" class="color-inherit link">
<i class="fal fa-trophy"></i>
</a>
<span class="mt1 f2 fw6 gray5">trophy</span>
<span class="mt1 f2 o-30">f091</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/trophy-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-trophy-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">trophy-alt</span>
<span class="mt1 f2 o-30">f2eb</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/truck.svg" target="_blank" class="color-inherit link">
<i class="fal fa-truck"></i>
</a>
<span class="mt1 f2 fw6 gray5">truck</span>
<span class="mt1 f2 o-30">f0d1</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/tty.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tty"></i>
</a>
<span class="mt1 f2 fw6 gray5">tty</span>
<span class="mt1 f2 o-30">f1e4</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/tv.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tv"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv</span>
<span class="mt1 f2 o-30">f26c</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/tv-retro.svg" target="_blank" class="color-inherit link">
<i class="fal fa-tv-retro"></i>
</a>
<span class="mt1 f2 fw6 gray5">tv-retro</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/light/umbrella.svg" target="_blank" class="color-inherit link">
<i class="fal fa-umbrella"></i>
</a>
<span class="mt1 f2 fw6 gray5">umbrella</span>
<span class="mt1 f2 o-30">f0e9</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/underline.svg" target="_blank" class="color-inherit link">
<i class="fal fa-underline"></i>
</a>
<span class="mt1 f2 fw6 gray5">underline</span>
<span class="mt1 f2 o-30">f0cd</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/undo.svg" target="_blank" class="color-inherit link">
<i class="fal fa-undo"></i>
</a>
<span class="mt1 f2 fw6 gray5">undo</span>
<span class="mt1 f2 o-30">f0e2</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/undo-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-undo-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">undo-alt</span>
<span class="mt1 f2 o-30">f2ea</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/universal-access.svg" target="_blank" class="color-inherit link">
<i class="fal fa-universal-access"></i>
</a>
<span class="mt1 f2 fw6 gray5">universal-access</span>
<span class="mt1 f2 o-30">f29a</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/university.svg" target="_blank" class="color-inherit link">
<i class="fal fa-university"></i>
</a>
<span class="mt1 f2 fw6 gray5">university</span>
<span class="mt1 f2 o-30">f19c</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/unlink.svg" target="_blank" class="color-inherit link">
<i class="fal fa-unlink"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlink</span>
<span class="mt1 f2 o-30">f127</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/unlock.svg" target="_blank" class="color-inherit link">
<i class="fal fa-unlock"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlock</span>
<span class="mt1 f2 o-30">f09c</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/unlock-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-unlock-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">unlock-alt</span>
<span class="mt1 f2 o-30">f13e</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/upload.svg" target="_blank" class="color-inherit link">
<i class="fal fa-upload"></i>
</a>
<span class="mt1 f2 fw6 gray5">upload</span>
<span class="mt1 f2 o-30">f093</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/usd-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-usd-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">usd-circle</span>
<span class="mt1 f2 o-30">f2e8</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/usd-square.svg" target="_blank" class="color-inherit link">
<i class="fal fa-usd-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">usd-square</span>
<span class="mt1 f2 o-30">f2e9</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/user.svg" target="_blank" class="color-inherit link">
<i class="fal fa-user"></i>
</a>
<span class="mt1 f2 fw6 gray5">user</span>
<span class="mt1 f2 o-30">f007</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/user-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-user-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-alt</span>
<span class="mt1 f2 o-30">f406</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/user-circle.svg" target="_blank" class="color-inherit link">
<i class="fal fa-user-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-circle</span>
<span class="mt1 f2 o-30">f2bd</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/user-md.svg" target="_blank" class="color-inherit link">
<i class="fal fa-user-md"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-md</span>
<span class="mt1 f2 o-30">f0f0</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/user-plus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-user-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-plus</span>
<span class="mt1 f2 o-30">f234</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/user-secret.svg" target="_blank" class="color-inherit link">
<i class="fal fa-user-secret"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-secret</span>
<span class="mt1 f2 o-30">f21b</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/user-times.svg" target="_blank" class="color-inherit link">
<i class="fal fa-user-times"></i>
</a>
<span class="mt1 f2 fw6 gray5">user-times</span>
<span class="mt1 f2 o-30">f235</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/users.svg" target="_blank" class="color-inherit link">
<i class="fal fa-users"></i>
</a>
<span class="mt1 f2 fw6 gray5">users</span>
<span class="mt1 f2 o-30">f0c0</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/utensil-fork.svg" target="_blank" class="color-inherit link">
<i class="fal fa-utensil-fork"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-fork</span>
<span class="mt1 f2 o-30">f2e3</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/utensil-knife.svg" target="_blank" class="color-inherit link">
<i class="fal fa-utensil-knife"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-knife</span>
<span class="mt1 f2 o-30">f2e4</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/utensil-spoon.svg" target="_blank" class="color-inherit link">
<i class="fal fa-utensil-spoon"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensil-spoon</span>
<span class="mt1 f2 o-30">f2e5</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/utensils.svg" target="_blank" class="color-inherit link">
<i class="fal fa-utensils"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensils</span>
<span class="mt1 f2 o-30">f2e7</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/utensils-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-utensils-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">utensils-alt</span>
<span class="mt1 f2 o-30">f2e6</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/venus.svg" target="_blank" class="color-inherit link">
<i class="fal fa-venus"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus</span>
<span class="mt1 f2 o-30">f221</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/venus-double.svg" target="_blank" class="color-inherit link">
<i class="fal fa-venus-double"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus-double</span>
<span class="mt1 f2 o-30">f226</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/venus-mars.svg" target="_blank" class="color-inherit link">
<i class="fal fa-venus-mars"></i>
</a>
<span class="mt1 f2 fw6 gray5">venus-mars</span>
<span class="mt1 f2 o-30">f228</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/video.svg" target="_blank" class="color-inherit link">
<i class="fal fa-video"></i>
</a>
<span class="mt1 f2 fw6 gray5">video</span>
<span class="mt1 f2 o-30">f03d</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/volume-down.svg" target="_blank" class="color-inherit link">
<i class="fal fa-volume-down"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-down</span>
<span class="mt1 f2 o-30">f027</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/volume-mute.svg" target="_blank" class="color-inherit link">
<i class="fal fa-volume-mute"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-mute</span>
<span class="mt1 f2 o-30">f2e2</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/volume-off.svg" target="_blank" class="color-inherit link">
<i class="fal fa-volume-off"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-off</span>
<span class="mt1 f2 o-30">f026</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/volume-up.svg" target="_blank" class="color-inherit link">
<i class="fal fa-volume-up"></i>
</a>
<span class="mt1 f2 fw6 gray5">volume-up</span>
<span class="mt1 f2 o-30">f028</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/watch.svg" target="_blank" class="color-inherit link">
<i class="fal fa-watch"></i>
</a>
<span class="mt1 f2 fw6 gray5">watch</span>
<span class="mt1 f2 o-30">f2e1</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/wheelchair.svg" target="_blank" class="color-inherit link">
<i class="fal fa-wheelchair"></i>
</a>
<span class="mt1 f2 fw6 gray5">wheelchair</span>
<span class="mt1 f2 o-30">f193</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/wifi.svg" target="_blank" class="color-inherit link">
<i class="fal fa-wifi"></i>
</a>
<span class="mt1 f2 fw6 gray5">wifi</span>
<span class="mt1 f2 o-30">f1eb</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/window.svg" target="_blank" class="color-inherit link">
<i class="fal fa-window"></i>
</a>
<span class="mt1 f2 fw6 gray5">window</span>
<span class="mt1 f2 o-30">f40e</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/window-alt.svg" target="_blank" class="color-inherit link">
<i class="fal fa-window-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-alt</span>
<span class="mt1 f2 o-30">f40f</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/window-close.svg" target="_blank" class="color-inherit link">
<i class="fal fa-window-close"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-close</span>
<span class="mt1 f2 o-30">f410</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/window-maximize.svg" target="_blank" class="color-inherit link">
<i class="fal fa-window-maximize"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-maximize</span>
<span class="mt1 f2 o-30">f2d0</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/window-minimize.svg" target="_blank" class="color-inherit link">
<i class="fal fa-window-minimize"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-minimize</span>
<span class="mt1 f2 o-30">f2d1</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/window-restore.svg" target="_blank" class="color-inherit link">
<i class="fal fa-window-restore"></i>
</a>
<span class="mt1 f2 fw6 gray5">window-restore</span>
<span class="mt1 f2 o-30">f2d2</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/won-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-won-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">won-sign</span>
<span class="mt1 f2 o-30">f159</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/wrench.svg" target="_blank" class="color-inherit link">
<i class="fal fa-wrench"></i>
</a>
<span class="mt1 f2 fw6 gray5">wrench</span>
<span class="mt1 f2 o-30">f0ad</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/yen-sign.svg" target="_blank" class="color-inherit link">
<i class="fal fa-yen-sign"></i>
</a>
<span class="mt1 f2 fw6 gray5">yen-sign</span>
<span class="mt1 f2 o-30">f157</span>
</div>
</li>
</ul>
</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">319 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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/500px.svg" target="_blank" class="color-inherit link">
<i class="fab fa-500px"></i>
</a>
<span class="mt1 f2 fw6 gray5">500px</span>
<span class="mt1 f2 o-30">f26e</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/accessible-icon.svg" target="_blank" class="color-inherit link">
<i class="fab fa-accessible-icon"></i>
</a>
<span class="mt1 f2 fw6 gray5">accessible-icon</span>
<span class="mt1 f2 o-30">f368</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/accusoft.svg" target="_blank" class="color-inherit link">
<i class="fab fa-accusoft"></i>
</a>
<span class="mt1 f2 fw6 gray5">accusoft</span>
<span class="mt1 f2 o-30">f369</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/adn.svg" target="_blank" class="color-inherit link">
<i class="fab fa-adn"></i>
</a>
<span class="mt1 f2 fw6 gray5">adn</span>
<span class="mt1 f2 o-30">f170</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/adversal.svg" target="_blank" class="color-inherit link">
<i class="fab fa-adversal"></i>
</a>
<span class="mt1 f2 fw6 gray5">adversal</span>
<span class="mt1 f2 o-30">f36a</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/affiliatetheme.svg" target="_blank" class="color-inherit link">
<i class="fab fa-affiliatetheme"></i>
</a>
<span class="mt1 f2 fw6 gray5">affiliatetheme</span>
<span class="mt1 f2 o-30">f36b</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/algolia.svg" target="_blank" class="color-inherit link">
<i class="fab fa-algolia"></i>
</a>
<span class="mt1 f2 fw6 gray5">algolia</span>
<span class="mt1 f2 o-30">f36c</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/amazon.svg" target="_blank" class="color-inherit link">
<i class="fab fa-amazon"></i>
</a>
<span class="mt1 f2 fw6 gray5">amazon</span>
<span class="mt1 f2 o-30">f270</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/amilia.svg" target="_blank" class="color-inherit link">
<i class="fab fa-amilia"></i>
</a>
<span class="mt1 f2 fw6 gray5">amilia</span>
<span class="mt1 f2 o-30">f36d</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/android.svg" target="_blank" class="color-inherit link">
<i class="fab fa-android"></i>
</a>
<span class="mt1 f2 fw6 gray5">android</span>
<span class="mt1 f2 o-30">f17b</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/angellist.svg" target="_blank" class="color-inherit link">
<i class="fab fa-angellist"></i>
</a>
<span class="mt1 f2 fw6 gray5">angellist</span>
<span class="mt1 f2 o-30">f209</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/angrycreative.svg" target="_blank" class="color-inherit link">
<i class="fab fa-angrycreative"></i>
</a>
<span class="mt1 f2 fw6 gray5">angrycreative</span>
<span class="mt1 f2 o-30">f36e</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/angular.svg" target="_blank" class="color-inherit link">
<i class="fab fa-angular"></i>
</a>
<span class="mt1 f2 fw6 gray5">angular</span>
<span class="mt1 f2 o-30">f420</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/app-store.svg" target="_blank" class="color-inherit link">
<i class="fab fa-app-store"></i>
</a>
<span class="mt1 f2 fw6 gray5">app-store</span>
<span class="mt1 f2 o-30">f36f</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/app-store-ios.svg" target="_blank" class="color-inherit link">
<i class="fab fa-app-store-ios"></i>
</a>
<span class="mt1 f2 fw6 gray5">app-store-ios</span>
<span class="mt1 f2 o-30">f370</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/apper.svg" target="_blank" class="color-inherit link">
<i class="fab fa-apper"></i>
</a>
<span class="mt1 f2 fw6 gray5">apper</span>
<span class="mt1 f2 o-30">f371</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.svg" target="_blank" class="color-inherit link">
<i class="fab fa-apple"></i>
</a>
<span class="mt1 f2 fw6 gray5">apple</span>
<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">
<i class="fab fa-asymmetrik"></i>
</a>
<span class="mt1 f2 fw6 gray5">asymmetrik</span>
<span class="mt1 f2 o-30">f372</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/audible.svg" target="_blank" class="color-inherit link">
<i class="fab fa-audible"></i>
</a>
<span class="mt1 f2 fw6 gray5">audible</span>
<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">
<i class="fab fa-avianex"></i>
</a>
<span class="mt1 f2 fw6 gray5">avianex</span>
<span class="mt1 f2 o-30">f374</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/aviato.svg" target="_blank" class="color-inherit link">
<i class="fab fa-aviato"></i>
</a>
<span class="mt1 f2 fw6 gray5">aviato</span>
<span class="mt1 f2 o-30">f421</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/aws.svg" target="_blank" class="color-inherit link">
<i class="fab fa-aws"></i>
</a>
<span class="mt1 f2 fw6 gray5">aws</span>
<span class="mt1 f2 o-30">f375</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/bandcamp.svg" target="_blank" class="color-inherit link">
<i class="fab fa-bandcamp"></i>
</a>
<span class="mt1 f2 fw6 gray5">bandcamp</span>
<span class="mt1 f2 o-30">f2d5</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/behance.svg" target="_blank" class="color-inherit link">
<i class="fab fa-behance"></i>
</a>
<span class="mt1 f2 fw6 gray5">behance</span>
<span class="mt1 f2 o-30">f1b4</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/behance-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-behance-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">behance-square</span>
<span class="mt1 f2 o-30">f1b5</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/bimobject.svg" target="_blank" class="color-inherit link">
<i class="fab fa-bimobject"></i>
</a>
<span class="mt1 f2 fw6 gray5">bimobject</span>
<span class="mt1 f2 o-30">f378</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/bitbucket.svg" target="_blank" class="color-inherit link">
<i class="fab fa-bitbucket"></i>
</a>
<span class="mt1 f2 fw6 gray5">bitbucket</span>
<span class="mt1 f2 o-30">f171</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/bitcoin.svg" target="_blank" class="color-inherit link">
<i class="fab fa-bitcoin"></i>
</a>
<span class="mt1 f2 fw6 gray5">bitcoin</span>
<span class="mt1 f2 o-30">f379</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/bity.svg" target="_blank" class="color-inherit link">
<i class="fab fa-bity"></i>
</a>
<span class="mt1 f2 fw6 gray5">bity</span>
<span class="mt1 f2 o-30">f37a</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/black-tie.svg" target="_blank" class="color-inherit link">
<i class="fab fa-black-tie"></i>
</a>
<span class="mt1 f2 fw6 gray5">black-tie</span>
<span class="mt1 f2 o-30">f27e</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/blackberry.svg" target="_blank" class="color-inherit link">
<i class="fab fa-blackberry"></i>
</a>
<span class="mt1 f2 fw6 gray5">blackberry</span>
<span class="mt1 f2 o-30">f37b</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/blogger.svg" target="_blank" class="color-inherit link">
<i class="fab fa-blogger"></i>
</a>
<span class="mt1 f2 fw6 gray5">blogger</span>
<span class="mt1 f2 o-30">f37c</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/blogger-b.svg" target="_blank" class="color-inherit link">
<i class="fab fa-blogger-b"></i>
</a>
<span class="mt1 f2 fw6 gray5">blogger-b</span>
<span class="mt1 f2 o-30">f37d</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/bluetooth.svg" target="_blank" class="color-inherit link">
<i class="fab fa-bluetooth"></i>
</a>
<span class="mt1 f2 fw6 gray5">bluetooth</span>
<span class="mt1 f2 o-30">f293</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/bluetooth-b.svg" target="_blank" class="color-inherit link">
<i class="fab fa-bluetooth-b"></i>
</a>
<span class="mt1 f2 fw6 gray5">bluetooth-b</span>
<span class="mt1 f2 o-30">f294</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/btc.svg" target="_blank" class="color-inherit link">
<i class="fab fa-btc"></i>
</a>
<span class="mt1 f2 fw6 gray5">btc</span>
<span class="mt1 f2 o-30">f15a</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/buromobelexperte.svg" target="_blank" class="color-inherit link">
<i class="fab fa-buromobelexperte"></i>
</a>
<span class="mt1 f2 fw6 gray5">buromobelexperte</span>
<span class="mt1 f2 o-30">f37f</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/buysellads.svg" target="_blank" class="color-inherit link">
<i class="fab fa-buysellads"></i>
</a>
<span class="mt1 f2 fw6 gray5">buysellads</span>
<span class="mt1 f2 o-30">f20d</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-amex.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-amex"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-amex</span>
<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">
<i class="fab fa-cc-diners-club"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-diners-club</span>
<span class="mt1 f2 o-30">f24c</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-discover.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-discover"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-discover</span>
<span class="mt1 f2 o-30">f1f2</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-jcb.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-jcb"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-jcb</span>
<span class="mt1 f2 o-30">f24b</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-mastercard.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-mastercard"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-mastercard</span>
<span class="mt1 f2 o-30">f1f1</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-paypal.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-paypal"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-paypal</span>
<span class="mt1 f2 o-30">f1f4</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-stripe.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-stripe"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-stripe</span>
<span class="mt1 f2 o-30">f1f5</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-visa.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cc-visa"></i>
</a>
<span class="mt1 f2 fw6 gray5">cc-visa</span>
<span class="mt1 f2 o-30">f1f0</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/centercode.svg" target="_blank" class="color-inherit link">
<i class="fab fa-centercode"></i>
</a>
<span class="mt1 f2 fw6 gray5">centercode</span>
<span class="mt1 f2 o-30">f380</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/chrome.svg" target="_blank" class="color-inherit link">
<i class="fab fa-chrome"></i>
</a>
<span class="mt1 f2 fw6 gray5">chrome</span>
<span class="mt1 f2 o-30">f268</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/cloudscale.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cloudscale"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloudscale</span>
<span class="mt1 f2 o-30">f383</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/cloudsmith.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cloudsmith"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloudsmith</span>
<span class="mt1 f2 o-30">f384</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/cloudversify.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cloudversify"></i>
</a>
<span class="mt1 f2 fw6 gray5">cloudversify</span>
<span class="mt1 f2 o-30">f385</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/codepen.svg" target="_blank" class="color-inherit link">
<i class="fab fa-codepen"></i>
</a>
<span class="mt1 f2 fw6 gray5">codepen</span>
<span class="mt1 f2 o-30">f1cb</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/codiepie.svg" target="_blank" class="color-inherit link">
<i class="fab fa-codiepie"></i>
</a>
<span class="mt1 f2 fw6 gray5">codiepie</span>
<span class="mt1 f2 o-30">f284</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/connectdevelop.svg" target="_blank" class="color-inherit link">
<i class="fab fa-connectdevelop"></i>
</a>
<span class="mt1 f2 fw6 gray5">connectdevelop</span>
<span class="mt1 f2 o-30">f20e</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/contao.svg" target="_blank" class="color-inherit link">
<i class="fab fa-contao"></i>
</a>
<span class="mt1 f2 fw6 gray5">contao</span>
<span class="mt1 f2 o-30">f26d</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/cpanel.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cpanel"></i>
</a>
<span class="mt1 f2 fw6 gray5">cpanel</span>
<span class="mt1 f2 o-30">f388</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/creative-commons.svg" target="_blank" class="color-inherit link">
<i class="fab fa-creative-commons"></i>
</a>
<span class="mt1 f2 fw6 gray5">creative-commons</span>
<span class="mt1 f2 o-30">f25e</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/css3.svg" target="_blank" class="color-inherit link">
<i class="fab fa-css3"></i>
</a>
<span class="mt1 f2 fw6 gray5">css3</span>
<span class="mt1 f2 o-30">f13c</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/css3-alt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-css3-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">css3-alt</span>
<span class="mt1 f2 o-30">f38b</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/cuttlefish.svg" target="_blank" class="color-inherit link">
<i class="fab fa-cuttlefish"></i>
</a>
<span class="mt1 f2 fw6 gray5">cuttlefish</span>
<span class="mt1 f2 o-30">f38c</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/d-and-d.svg" target="_blank" class="color-inherit link">
<i class="fab fa-d-and-d"></i>
</a>
<span class="mt1 f2 fw6 gray5">d-and-d</span>
<span class="mt1 f2 o-30">f38d</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/dashcube.svg" target="_blank" class="color-inherit link">
<i class="fab fa-dashcube"></i>
</a>
<span class="mt1 f2 fw6 gray5">dashcube</span>
<span class="mt1 f2 o-30">f210</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/delicious.svg" target="_blank" class="color-inherit link">
<i class="fab fa-delicious"></i>
</a>
<span class="mt1 f2 fw6 gray5">delicious</span>
<span class="mt1 f2 o-30">f1a5</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/deploydog.svg" target="_blank" class="color-inherit link">
<i class="fab fa-deploydog"></i>
</a>
<span class="mt1 f2 fw6 gray5">deploydog</span>
<span class="mt1 f2 o-30">f38e</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/deskpro.svg" target="_blank" class="color-inherit link">
<i class="fab fa-deskpro"></i>
</a>
<span class="mt1 f2 fw6 gray5">deskpro</span>
<span class="mt1 f2 o-30">f38f</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/deviantart.svg" target="_blank" class="color-inherit link">
<i class="fab fa-deviantart"></i>
</a>
<span class="mt1 f2 fw6 gray5">deviantart</span>
<span class="mt1 f2 o-30">f1bd</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/digg.svg" target="_blank" class="color-inherit link">
<i class="fab fa-digg"></i>
</a>
<span class="mt1 f2 fw6 gray5">digg</span>
<span class="mt1 f2 o-30">f1a6</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/digital-ocean.svg" target="_blank" class="color-inherit link">
<i class="fab fa-digital-ocean"></i>
</a>
<span class="mt1 f2 fw6 gray5">digital-ocean</span>
<span class="mt1 f2 o-30">f391</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/discord.svg" target="_blank" class="color-inherit link">
<i class="fab fa-discord"></i>
</a>
<span class="mt1 f2 fw6 gray5">discord</span>
<span class="mt1 f2 o-30">f392</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/discourse.svg" target="_blank" class="color-inherit link">
<i class="fab fa-discourse"></i>
</a>
<span class="mt1 f2 fw6 gray5">discourse</span>
<span class="mt1 f2 o-30">f393</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/dochub.svg" target="_blank" class="color-inherit link">
<i class="fab fa-dochub"></i>
</a>
<span class="mt1 f2 fw6 gray5">dochub</span>
<span class="mt1 f2 o-30">f394</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/docker.svg" target="_blank" class="color-inherit link">
<i class="fab fa-docker"></i>
</a>
<span class="mt1 f2 fw6 gray5">docker</span>
<span class="mt1 f2 o-30">f395</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/draft2digital.svg" target="_blank" class="color-inherit link">
<i class="fab fa-draft2digital"></i>
</a>
<span class="mt1 f2 fw6 gray5">draft2digital</span>
<span class="mt1 f2 o-30">f396</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/dribbble.svg" target="_blank" class="color-inherit link">
<i class="fab fa-dribbble"></i>
</a>
<span class="mt1 f2 fw6 gray5">dribbble</span>
<span class="mt1 f2 o-30">f17d</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/dribbble-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-dribbble-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">dribbble-square</span>
<span class="mt1 f2 o-30">f397</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/dropbox.svg" target="_blank" class="color-inherit link">
<i class="fab fa-dropbox"></i>
</a>
<span class="mt1 f2 fw6 gray5">dropbox</span>
<span class="mt1 f2 o-30">f16b</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/dropbox-alt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-dropbox-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">dropbox-alt</span>
<span class="mt1 f2 o-30">f398</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/drupal.svg" target="_blank" class="color-inherit link">
<i class="fab fa-drupal"></i>
</a>
<span class="mt1 f2 fw6 gray5">drupal</span>
<span class="mt1 f2 o-30">f1a9</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/dyalog.svg" target="_blank" class="color-inherit link">
<i class="fab fa-dyalog"></i>
</a>
<span class="mt1 f2 fw6 gray5">dyalog</span>
<span class="mt1 f2 o-30">f399</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/earlybirds.svg" target="_blank" class="color-inherit link">
<i class="fab fa-earlybirds"></i>
</a>
<span class="mt1 f2 fw6 gray5">earlybirds</span>
<span class="mt1 f2 o-30">f39a</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/edge.svg" target="_blank" class="color-inherit link">
<i class="fab fa-edge"></i>
</a>
<span class="mt1 f2 fw6 gray5">edge</span>
<span class="mt1 f2 o-30">f282</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/ember.svg" target="_blank" class="color-inherit link">
<i class="fab fa-ember"></i>
</a>
<span class="mt1 f2 fw6 gray5">ember</span>
<span class="mt1 f2 o-30">f423</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/empire.svg" target="_blank" class="color-inherit link">
<i class="fab fa-empire"></i>
</a>
<span class="mt1 f2 fw6 gray5">empire</span>
<span class="mt1 f2 o-30">f1d1</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/envira.svg" target="_blank" class="color-inherit link">
<i class="fab fa-envira"></i>
</a>
<span class="mt1 f2 fw6 gray5">envira</span>
<span class="mt1 f2 o-30">f299</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/erlang.svg" target="_blank" class="color-inherit link">
<i class="fab fa-erlang"></i>
</a>
<span class="mt1 f2 fw6 gray5">erlang</span>
<span class="mt1 f2 o-30">f39d</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/etsy.svg" target="_blank" class="color-inherit link">
<i class="fab fa-etsy"></i>
</a>
<span class="mt1 f2 fw6 gray5">etsy</span>
<span class="mt1 f2 o-30">f2d7</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/expeditedssl.svg" target="_blank" class="color-inherit link">
<i class="fab fa-expeditedssl"></i>
</a>
<span class="mt1 f2 fw6 gray5">expeditedssl</span>
<span class="mt1 f2 o-30">f23e</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/facebook.svg" target="_blank" class="color-inherit link">
<i class="fab fa-facebook"></i>
</a>
<span class="mt1 f2 fw6 gray5">facebook</span>
<span class="mt1 f2 o-30">f09a</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/facebook-f.svg" target="_blank" class="color-inherit link">
<i class="fab fa-facebook-f"></i>
</a>
<span class="mt1 f2 fw6 gray5">facebook-f</span>
<span class="mt1 f2 o-30">f39e</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/facebook-messenger.svg" target="_blank" class="color-inherit link">
<i class="fab fa-facebook-messenger"></i>
</a>
<span class="mt1 f2 fw6 gray5">facebook-messenger</span>
<span class="mt1 f2 o-30">f39f</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/facebook-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-facebook-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">facebook-square</span>
<span class="mt1 f2 o-30">f082</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/firefox.svg" target="_blank" class="color-inherit link">
<i class="fab fa-firefox"></i>
</a>
<span class="mt1 f2 fw6 gray5">firefox</span>
<span class="mt1 f2 o-30">f269</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/first-order.svg" target="_blank" class="color-inherit link">
<i class="fab fa-first-order"></i>
</a>
<span class="mt1 f2 fw6 gray5">first-order</span>
<span class="mt1 f2 o-30">f2b0</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/firstdraft.svg" target="_blank" class="color-inherit link">
<i class="fab fa-firstdraft"></i>
</a>
<span class="mt1 f2 fw6 gray5">firstdraft</span>
<span class="mt1 f2 o-30">f3a1</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/flickr.svg" target="_blank" class="color-inherit link">
<i class="fab fa-flickr"></i>
</a>
<span class="mt1 f2 fw6 gray5">flickr</span>
<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">
<i class="fab fa-font-awesome"></i>
</a>
<span class="mt1 f2 fw6 gray5">font-awesome</span>
<span class="mt1 f2 o-30">f2b4</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-alt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-font-awesome-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">font-awesome-alt</span>
<span class="mt1 f2 o-30">f35c</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-flag.svg" target="_blank" class="color-inherit link">
<i class="fab fa-font-awesome-flag"></i>
</a>
<span class="mt1 f2 fw6 gray5">font-awesome-flag</span>
<span class="mt1 f2 o-30">f425</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/fonticons.svg" target="_blank" class="color-inherit link">
<i class="fab fa-fonticons"></i>
</a>
<span class="mt1 f2 fw6 gray5">fonticons</span>
<span class="mt1 f2 o-30">f280</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/fonticons-fi.svg" target="_blank" class="color-inherit link">
<i class="fab fa-fonticons-fi"></i>
</a>
<span class="mt1 f2 fw6 gray5">fonticons-fi</span>
<span class="mt1 f2 o-30">f3a2</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/fort-awesome.svg" target="_blank" class="color-inherit link">
<i class="fab fa-fort-awesome"></i>
</a>
<span class="mt1 f2 fw6 gray5">fort-awesome</span>
<span class="mt1 f2 o-30">f286</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/fort-awesome-alt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-fort-awesome-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">fort-awesome-alt</span>
<span class="mt1 f2 o-30">f3a3</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/forumbee.svg" target="_blank" class="color-inherit link">
<i class="fab fa-forumbee"></i>
</a>
<span class="mt1 f2 fw6 gray5">forumbee</span>
<span class="mt1 f2 o-30">f211</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/foursquare.svg" target="_blank" class="color-inherit link">
<i class="fab fa-foursquare"></i>
</a>
<span class="mt1 f2 fw6 gray5">foursquare</span>
<span class="mt1 f2 o-30">f180</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/free-code-camp.svg" target="_blank" class="color-inherit link">
<i class="fab fa-free-code-camp"></i>
</a>
<span class="mt1 f2 fw6 gray5">free-code-camp</span>
<span class="mt1 f2 o-30">f2c5</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/freebsd.svg" target="_blank" class="color-inherit link">
<i class="fab fa-freebsd"></i>
</a>
<span class="mt1 f2 fw6 gray5">freebsd</span>
<span class="mt1 f2 o-30">f3a4</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/get-pocket.svg" target="_blank" class="color-inherit link">
<i class="fab fa-get-pocket"></i>
</a>
<span class="mt1 f2 fw6 gray5">get-pocket</span>
<span class="mt1 f2 o-30">f265</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/gg.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gg"></i>
</a>
<span class="mt1 f2 fw6 gray5">gg</span>
<span class="mt1 f2 o-30">f260</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/gg-circle.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gg-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">gg-circle</span>
<span class="mt1 f2 o-30">f261</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/git.svg" target="_blank" class="color-inherit link">
<i class="fab fa-git"></i>
</a>
<span class="mt1 f2 fw6 gray5">git</span>
<span class="mt1 f2 o-30">f1d3</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/git-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-git-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">git-square</span>
<span class="mt1 f2 o-30">f1d2</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/github.svg" target="_blank" class="color-inherit link">
<i class="fab fa-github"></i>
</a>
<span class="mt1 f2 fw6 gray5">github</span>
<span class="mt1 f2 o-30">f09b</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/github-alt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-github-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">github-alt</span>
<span class="mt1 f2 o-30">f113</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/github-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-github-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">github-square</span>
<span class="mt1 f2 o-30">f092</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/gitkraken.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gitkraken"></i>
</a>
<span class="mt1 f2 fw6 gray5">gitkraken</span>
<span class="mt1 f2 o-30">f3a6</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/gitlab.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gitlab"></i>
</a>
<span class="mt1 f2 fw6 gray5">gitlab</span>
<span class="mt1 f2 o-30">f296</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/gitter.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gitter"></i>
</a>
<span class="mt1 f2 fw6 gray5">gitter</span>
<span class="mt1 f2 o-30">f426</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/glide.svg" target="_blank" class="color-inherit link">
<i class="fab fa-glide"></i>
</a>
<span class="mt1 f2 fw6 gray5">glide</span>
<span class="mt1 f2 o-30">f2a5</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/glide-g.svg" target="_blank" class="color-inherit link">
<i class="fab fa-glide-g"></i>
</a>
<span class="mt1 f2 fw6 gray5">glide-g</span>
<span class="mt1 f2 o-30">f2a6</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/gofore.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gofore"></i>
</a>
<span class="mt1 f2 fw6 gray5">gofore</span>
<span class="mt1 f2 o-30">f3a7</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/goodreads.svg" target="_blank" class="color-inherit link">
<i class="fab fa-goodreads"></i>
</a>
<span class="mt1 f2 fw6 gray5">goodreads</span>
<span class="mt1 f2 o-30">f3a8</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/goodreads-g.svg" target="_blank" class="color-inherit link">
<i class="fab fa-goodreads-g"></i>
</a>
<span class="mt1 f2 fw6 gray5">goodreads-g</span>
<span class="mt1 f2 o-30">f3a9</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/google.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google"></i>
</a>
<span class="mt1 f2 fw6 gray5">google</span>
<span class="mt1 f2 o-30">f1a0</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/google-drive.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-drive"></i>
</a>
<span class="mt1 f2 fw6 gray5">google-drive</span>
<span class="mt1 f2 o-30">f3aa</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/google-play.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-play"></i>
</a>
<span class="mt1 f2 fw6 gray5">google-play</span>
<span class="mt1 f2 o-30">f3ab</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/google-plus.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-plus"></i>
</a>
<span class="mt1 f2 fw6 gray5">google-plus</span>
<span class="mt1 f2 o-30">f2b3</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/google-plus-g.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-plus-g"></i>
</a>
<span class="mt1 f2 fw6 gray5">google-plus-g</span>
<span class="mt1 f2 o-30">f0d5</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/google-plus-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-plus-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">google-plus-square</span>
<span class="mt1 f2 o-30">f0d4</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/google-wallet.svg" target="_blank" class="color-inherit link">
<i class="fab fa-google-wallet"></i>
</a>
<span class="mt1 f2 fw6 gray5">google-wallet</span>
<span class="mt1 f2 o-30">f1ee</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/gratipay.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gratipay"></i>
</a>
<span class="mt1 f2 fw6 gray5">gratipay</span>
<span class="mt1 f2 o-30">f184</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/grav.svg" target="_blank" class="color-inherit link">
<i class="fab fa-grav"></i>
</a>
<span class="mt1 f2 fw6 gray5">grav</span>
<span class="mt1 f2 o-30">f2d6</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/gripfire.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gripfire"></i>
</a>
<span class="mt1 f2 fw6 gray5">gripfire</span>
<span class="mt1 f2 o-30">f3ac</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/grunt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-grunt"></i>
</a>
<span class="mt1 f2 fw6 gray5">grunt</span>
<span class="mt1 f2 o-30">f3ad</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/gulp.svg" target="_blank" class="color-inherit link">
<i class="fab fa-gulp"></i>
</a>
<span class="mt1 f2 fw6 gray5">gulp</span>
<span class="mt1 f2 o-30">f3ae</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/hacker-news.svg" target="_blank" class="color-inherit link">
<i class="fab fa-hacker-news"></i>
</a>
<span class="mt1 f2 fw6 gray5">hacker-news</span>
<span class="mt1 f2 o-30">f1d4</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/hacker-news-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-hacker-news-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">hacker-news-square</span>
<span class="mt1 f2 o-30">f3af</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/hire-a-helper.svg" target="_blank" class="color-inherit link">
<i class="fab fa-hire-a-helper"></i>
</a>
<span class="mt1 f2 fw6 gray5">hire-a-helper</span>
<span class="mt1 f2 o-30">f3b0</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/hooli.svg" target="_blank" class="color-inherit link">
<i class="fab fa-hooli"></i>
</a>
<span class="mt1 f2 fw6 gray5">hooli</span>
<span class="mt1 f2 o-30">f427</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/hotjar.svg" target="_blank" class="color-inherit link">
<i class="fab fa-hotjar"></i>
</a>
<span class="mt1 f2 fw6 gray5">hotjar</span>
<span class="mt1 f2 o-30">f3b1</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/houzz.svg" target="_blank" class="color-inherit link">
<i class="fab fa-houzz"></i>
</a>
<span class="mt1 f2 fw6 gray5">houzz</span>
<span class="mt1 f2 o-30">f27c</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/html5.svg" target="_blank" class="color-inherit link">
<i class="fab fa-html5"></i>
</a>
<span class="mt1 f2 fw6 gray5">html5</span>
<span class="mt1 f2 o-30">f13b</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/hubspot.svg" target="_blank" class="color-inherit link">
<i class="fab fa-hubspot"></i>
</a>
<span class="mt1 f2 fw6 gray5">hubspot</span>
<span class="mt1 f2 o-30">f3b2</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/imdb.svg" target="_blank" class="color-inherit link">
<i class="fab fa-imdb"></i>
</a>
<span class="mt1 f2 fw6 gray5">imdb</span>
<span class="mt1 f2 o-30">f2d8</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/instagram.svg" target="_blank" class="color-inherit link">
<i class="fab fa-instagram"></i>
</a>
<span class="mt1 f2 fw6 gray5">instagram</span>
<span class="mt1 f2 o-30">f16d</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/internet-explorer.svg" target="_blank" class="color-inherit link">
<i class="fab fa-internet-explorer"></i>
</a>
<span class="mt1 f2 fw6 gray5">internet-explorer</span>
<span class="mt1 f2 o-30">f26b</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/ioxhost.svg" target="_blank" class="color-inherit link">
<i class="fab fa-ioxhost"></i>
</a>
<span class="mt1 f2 fw6 gray5">ioxhost</span>
<span class="mt1 f2 o-30">f208</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/itunes.svg" target="_blank" class="color-inherit link">
<i class="fab fa-itunes"></i>
</a>
<span class="mt1 f2 fw6 gray5">itunes</span>
<span class="mt1 f2 o-30">f3b4</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/itunes-note.svg" target="_blank" class="color-inherit link">
<i class="fab fa-itunes-note"></i>
</a>
<span class="mt1 f2 fw6 gray5">itunes-note</span>
<span class="mt1 f2 o-30">f3b5</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/jenkins.svg" target="_blank" class="color-inherit link">
<i class="fab fa-jenkins"></i>
</a>
<span class="mt1 f2 fw6 gray5">jenkins</span>
<span class="mt1 f2 o-30">f3b6</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/joget.svg" target="_blank" class="color-inherit link">
<i class="fab fa-joget"></i>
</a>
<span class="mt1 f2 fw6 gray5">joget</span>
<span class="mt1 f2 o-30">f3b7</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/joomla.svg" target="_blank" class="color-inherit link">
<i class="fab fa-joomla"></i>
</a>
<span class="mt1 f2 fw6 gray5">joomla</span>
<span class="mt1 f2 o-30">f1aa</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/js.svg" target="_blank" class="color-inherit link">
<i class="fab fa-js"></i>
</a>
<span class="mt1 f2 fw6 gray5">js</span>
<span class="mt1 f2 o-30">f3b8</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/js-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-js-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">js-square</span>
<span class="mt1 f2 o-30">f3b9</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/jsfiddle.svg" target="_blank" class="color-inherit link">
<i class="fab fa-jsfiddle"></i>
</a>
<span class="mt1 f2 fw6 gray5">jsfiddle</span>
<span class="mt1 f2 o-30">f1cc</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/keycdn.svg" target="_blank" class="color-inherit link">
<i class="fab fa-keycdn"></i>
</a>
<span class="mt1 f2 fw6 gray5">keycdn</span>
<span class="mt1 f2 o-30">f3ba</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/kickstarter.svg" target="_blank" class="color-inherit link">
<i class="fab fa-kickstarter"></i>
</a>
<span class="mt1 f2 fw6 gray5">kickstarter</span>
<span class="mt1 f2 o-30">f3bb</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/kickstarter-k.svg" target="_blank" class="color-inherit link">
<i class="fab fa-kickstarter-k"></i>
</a>
<span class="mt1 f2 fw6 gray5">kickstarter-k</span>
<span class="mt1 f2 o-30">f3bc</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/laravel.svg" target="_blank" class="color-inherit link">
<i class="fab fa-laravel"></i>
</a>
<span class="mt1 f2 fw6 gray5">laravel</span>
<span class="mt1 f2 o-30">f3bd</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/lastfm.svg" target="_blank" class="color-inherit link">
<i class="fab fa-lastfm"></i>
</a>
<span class="mt1 f2 fw6 gray5">lastfm</span>
<span class="mt1 f2 o-30">f202</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/lastfm-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-lastfm-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">lastfm-square</span>
<span class="mt1 f2 o-30">f203</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/leanpub.svg" target="_blank" class="color-inherit link">
<i class="fab fa-leanpub"></i>
</a>
<span class="mt1 f2 fw6 gray5">leanpub</span>
<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">
<i class="fab fa-line"></i>
</a>
<span class="mt1 f2 fw6 gray5">line</span>
<span class="mt1 f2 o-30">f3c0</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/linkedin.svg" target="_blank" class="color-inherit link">
<i class="fab fa-linkedin"></i>
</a>
<span class="mt1 f2 fw6 gray5">linkedin</span>
<span class="mt1 f2 o-30">f08c</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/linkedin-in.svg" target="_blank" class="color-inherit link">
<i class="fab fa-linkedin-in"></i>
</a>
<span class="mt1 f2 fw6 gray5">linkedin-in</span>
<span class="mt1 f2 o-30">f0e1</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/linode.svg" target="_blank" class="color-inherit link">
<i class="fab fa-linode"></i>
</a>
<span class="mt1 f2 fw6 gray5">linode</span>
<span class="mt1 f2 o-30">f2b8</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/linux.svg" target="_blank" class="color-inherit link">
<i class="fab fa-linux"></i>
</a>
<span class="mt1 f2 fw6 gray5">linux</span>
<span class="mt1 f2 o-30">f17c</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/lyft.svg" target="_blank" class="color-inherit link">
<i class="fab fa-lyft"></i>
</a>
<span class="mt1 f2 fw6 gray5">lyft</span>
<span class="mt1 f2 o-30">f3c3</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/magento.svg" target="_blank" class="color-inherit link">
<i class="fab fa-magento"></i>
</a>
<span class="mt1 f2 fw6 gray5">magento</span>
<span class="mt1 f2 o-30">f3c4</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/maxcdn.svg" target="_blank" class="color-inherit link">
<i class="fab fa-maxcdn"></i>
</a>
<span class="mt1 f2 fw6 gray5">maxcdn</span>
<span class="mt1 f2 o-30">f136</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/medapps.svg" target="_blank" class="color-inherit link">
<i class="fab fa-medapps"></i>
</a>
<span class="mt1 f2 fw6 gray5">medapps</span>
<span class="mt1 f2 o-30">f3c6</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/medium.svg" target="_blank" class="color-inherit link">
<i class="fab fa-medium"></i>
</a>
<span class="mt1 f2 fw6 gray5">medium</span>
<span class="mt1 f2 o-30">f23a</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/medium-m.svg" target="_blank" class="color-inherit link">
<i class="fab fa-medium-m"></i>
</a>
<span class="mt1 f2 fw6 gray5">medium-m</span>
<span class="mt1 f2 o-30">f3c7</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/medrt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-medrt"></i>
</a>
<span class="mt1 f2 fw6 gray5">medrt</span>
<span class="mt1 f2 o-30">f3c8</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/meetup.svg" target="_blank" class="color-inherit link">
<i class="fab fa-meetup"></i>
</a>
<span class="mt1 f2 fw6 gray5">meetup</span>
<span class="mt1 f2 o-30">f2e0</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/microsoft.svg" target="_blank" class="color-inherit link">
<i class="fab fa-microsoft"></i>
</a>
<span class="mt1 f2 fw6 gray5">microsoft</span>
<span class="mt1 f2 o-30">f3ca</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/mix.svg" target="_blank" class="color-inherit link">
<i class="fab fa-mix"></i>
</a>
<span class="mt1 f2 fw6 gray5">mix</span>
<span class="mt1 f2 o-30">f3cb</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/mixcloud.svg" target="_blank" class="color-inherit link">
<i class="fab fa-mixcloud"></i>
</a>
<span class="mt1 f2 fw6 gray5">mixcloud</span>
<span class="mt1 f2 o-30">f289</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/mizuni.svg" target="_blank" class="color-inherit link">
<i class="fab fa-mizuni"></i>
</a>
<span class="mt1 f2 fw6 gray5">mizuni</span>
<span class="mt1 f2 o-30">f3cc</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/modx.svg" target="_blank" class="color-inherit link">
<i class="fab fa-modx"></i>
</a>
<span class="mt1 f2 fw6 gray5">modx</span>
<span class="mt1 f2 o-30">f285</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/monero.svg" target="_blank" class="color-inherit link">
<i class="fab fa-monero"></i>
</a>
<span class="mt1 f2 fw6 gray5">monero</span>
<span class="mt1 f2 o-30">f3d0</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/napster.svg" target="_blank" class="color-inherit link">
<i class="fab fa-napster"></i>
</a>
<span class="mt1 f2 fw6 gray5">napster</span>
<span class="mt1 f2 o-30">f3d2</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/nintendo-switch.svg" target="_blank" class="color-inherit link">
<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>
<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/npm.svg" target="_blank" class="color-inherit link">
<i class="fab fa-npm"></i>
</a>
<span class="mt1 f2 fw6 gray5">npm</span>
<span class="mt1 f2 o-30">f3d4</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/ns8.svg" target="_blank" class="color-inherit link">
<i class="fab fa-ns8"></i>
</a>
<span class="mt1 f2 fw6 gray5">ns8</span>
<span class="mt1 f2 o-30">f3d5</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/nutritionix.svg" target="_blank" class="color-inherit link">
<i class="fab fa-nutritionix"></i>
</a>
<span class="mt1 f2 fw6 gray5">nutritionix</span>
<span class="mt1 f2 o-30">f3d6</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/odnoklassniki.svg" target="_blank" class="color-inherit link">
<i class="fab fa-odnoklassniki"></i>
</a>
<span class="mt1 f2 fw6 gray5">odnoklassniki</span>
<span class="mt1 f2 o-30">f263</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/odnoklassniki-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-odnoklassniki-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">odnoklassniki-square</span>
<span class="mt1 f2 o-30">f264</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/opencart.svg" target="_blank" class="color-inherit link">
<i class="fab fa-opencart"></i>
</a>
<span class="mt1 f2 fw6 gray5">opencart</span>
<span class="mt1 f2 o-30">f23d</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/openid.svg" target="_blank" class="color-inherit link">
<i class="fab fa-openid"></i>
</a>
<span class="mt1 f2 fw6 gray5">openid</span>
<span class="mt1 f2 o-30">f19b</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/opera.svg" target="_blank" class="color-inherit link">
<i class="fab fa-opera"></i>
</a>
<span class="mt1 f2 fw6 gray5">opera</span>
<span class="mt1 f2 o-30">f26a</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/optin-monster.svg" target="_blank" class="color-inherit link">
<i class="fab fa-optin-monster"></i>
</a>
<span class="mt1 f2 fw6 gray5">optin-monster</span>
<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">
<i class="fab fa-page4"></i>
</a>
<span class="mt1 f2 fw6 gray5">page4</span>
<span class="mt1 f2 o-30">f3d7</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/pagelines.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pagelines"></i>
</a>
<span class="mt1 f2 fw6 gray5">pagelines</span>
<span class="mt1 f2 o-30">f18c</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/palfed.svg" target="_blank" class="color-inherit link">
<i class="fab fa-palfed"></i>
</a>
<span class="mt1 f2 fw6 gray5">palfed</span>
<span class="mt1 f2 o-30">f3d8</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/patreon.svg" target="_blank" class="color-inherit link">
<i class="fab fa-patreon"></i>
</a>
<span class="mt1 f2 fw6 gray5">patreon</span>
<span class="mt1 f2 o-30">f3d9</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/paypal.svg" target="_blank" class="color-inherit link">
<i class="fab fa-paypal"></i>
</a>
<span class="mt1 f2 fw6 gray5">paypal</span>
<span class="mt1 f2 o-30">f1ed</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/periscope.svg" target="_blank" class="color-inherit link">
<i class="fab fa-periscope"></i>
</a>
<span class="mt1 f2 fw6 gray5">periscope</span>
<span class="mt1 f2 o-30">f3da</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/phabricator.svg" target="_blank" class="color-inherit link">
<i class="fab fa-phabricator"></i>
</a>
<span class="mt1 f2 fw6 gray5">phabricator</span>
<span class="mt1 f2 o-30">f3db</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/phoenix-framework.svg" target="_blank" class="color-inherit link">
<i class="fab fa-phoenix-framework"></i>
</a>
<span class="mt1 f2 fw6 gray5">phoenix-framework</span>
<span class="mt1 f2 o-30">f3dc</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/pied-piper.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pied-piper"></i>
</a>
<span class="mt1 f2 fw6 gray5">pied-piper</span>
<span class="mt1 f2 o-30">f2ae</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/pied-piper-alt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pied-piper-alt"></i>
</a>
<span class="mt1 f2 fw6 gray5">pied-piper-alt</span>
<span class="mt1 f2 o-30">f1a8</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/pied-piper-pp.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pied-piper-pp"></i>
</a>
<span class="mt1 f2 fw6 gray5">pied-piper-pp</span>
<span class="mt1 f2 o-30">f1a7</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/pinterest.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pinterest"></i>
</a>
<span class="mt1 f2 fw6 gray5">pinterest</span>
<span class="mt1 f2 o-30">f0d2</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/pinterest-p.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pinterest-p"></i>
</a>
<span class="mt1 f2 fw6 gray5">pinterest-p</span>
<span class="mt1 f2 o-30">f231</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/pinterest-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pinterest-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">pinterest-square</span>
<span class="mt1 f2 o-30">f0d3</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/playstation.svg" target="_blank" class="color-inherit link">
<i class="fab fa-playstation"></i>
</a>
<span class="mt1 f2 fw6 gray5">playstation</span>
<span class="mt1 f2 o-30">f3df</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/product-hunt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-product-hunt"></i>
</a>
<span class="mt1 f2 fw6 gray5">product-hunt</span>
<span class="mt1 f2 o-30">f288</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/pushed.svg" target="_blank" class="color-inherit link">
<i class="fab fa-pushed"></i>
</a>
<span class="mt1 f2 fw6 gray5">pushed</span>
<span class="mt1 f2 o-30">f3e1</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/python.svg" target="_blank" class="color-inherit link">
<i class="fab fa-python"></i>
</a>
<span class="mt1 f2 fw6 gray5">python</span>
<span class="mt1 f2 o-30">f3e2</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/qq.svg" target="_blank" class="color-inherit link">
<i class="fab fa-qq"></i>
</a>
<span class="mt1 f2 fw6 gray5">qq</span>
<span class="mt1 f2 o-30">f1d6</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/quora.svg" target="_blank" class="color-inherit link">
<i class="fab fa-quora"></i>
</a>
<span class="mt1 f2 fw6 gray5">quora</span>
<span class="mt1 f2 o-30">f2c4</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/ravelry.svg" target="_blank" class="color-inherit link">
<i class="fab fa-ravelry"></i>
</a>
<span class="mt1 f2 fw6 gray5">ravelry</span>
<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">
<i class="fab fa-rebel"></i>
</a>
<span class="mt1 f2 fw6 gray5">rebel</span>
<span class="mt1 f2 o-30">f1d0</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/red-river.svg" target="_blank" class="color-inherit link">
<i class="fab fa-red-river"></i>
</a>
<span class="mt1 f2 fw6 gray5">red-river</span>
<span class="mt1 f2 o-30">f3e3</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/reddit.svg" target="_blank" class="color-inherit link">
<i class="fab fa-reddit"></i>
</a>
<span class="mt1 f2 fw6 gray5">reddit</span>
<span class="mt1 f2 o-30">f1a1</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/reddit-alien.svg" target="_blank" class="color-inherit link">
<i class="fab fa-reddit-alien"></i>
</a>
<span class="mt1 f2 fw6 gray5">reddit-alien</span>
<span class="mt1 f2 o-30">f281</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/reddit-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-reddit-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">reddit-square</span>
<span class="mt1 f2 o-30">f1a2</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/rendact.svg" target="_blank" class="color-inherit link">
<i class="fab fa-rendact"></i>
</a>
<span class="mt1 f2 fw6 gray5">rendact</span>
<span class="mt1 f2 o-30">f3e4</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/renren.svg" target="_blank" class="color-inherit link">
<i class="fab fa-renren"></i>
</a>
<span class="mt1 f2 fw6 gray5">renren</span>
<span class="mt1 f2 o-30">f18b</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/replyd.svg" target="_blank" class="color-inherit link">
<i class="fab fa-replyd"></i>
</a>
<span class="mt1 f2 fw6 gray5">replyd</span>
<span class="mt1 f2 o-30">f3e6</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/resolving.svg" target="_blank" class="color-inherit link">
<i class="fab fa-resolving"></i>
</a>
<span class="mt1 f2 fw6 gray5">resolving</span>
<span class="mt1 f2 o-30">f3e7</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/rocketchat.svg" target="_blank" class="color-inherit link">
<i class="fab fa-rocketchat"></i>
</a>
<span class="mt1 f2 fw6 gray5">rocketchat</span>
<span class="mt1 f2 o-30">f3e8</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/rockrms.svg" target="_blank" class="color-inherit link">
<i class="fab fa-rockrms"></i>
</a>
<span class="mt1 f2 fw6 gray5">rockrms</span>
<span class="mt1 f2 o-30">f3e9</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/safari.svg" target="_blank" class="color-inherit link">
<i class="fab fa-safari"></i>
</a>
<span class="mt1 f2 fw6 gray5">safari</span>
<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">
<i class="fab fa-schlix"></i>
</a>
<span class="mt1 f2 fw6 gray5">schlix</span>
<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/scribd.svg" target="_blank" class="color-inherit link">
<i class="fab fa-scribd"></i>
</a>
<span class="mt1 f2 fw6 gray5">scribd</span>
<span class="mt1 f2 o-30">f28a</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/searchengin.svg" target="_blank" class="color-inherit link">
<i class="fab fa-searchengin"></i>
</a>
<span class="mt1 f2 fw6 gray5">searchengin</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/sellcast.svg" target="_blank" class="color-inherit link">
<i class="fab fa-sellcast"></i>
</a>
<span class="mt1 f2 fw6 gray5">sellcast</span>
<span class="mt1 f2 o-30">f2da</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/sellsy.svg" target="_blank" class="color-inherit link">
<i class="fab fa-sellsy"></i>
</a>
<span class="mt1 f2 fw6 gray5">sellsy</span>
<span class="mt1 f2 o-30">f213</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/servicestack.svg" target="_blank" class="color-inherit link">
<i class="fab fa-servicestack"></i>
</a>
<span class="mt1 f2 fw6 gray5">servicestack</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/shirtsinbulk.svg" target="_blank" class="color-inherit link">
<i class="fab fa-shirtsinbulk"></i>
</a>
<span class="mt1 f2 fw6 gray5">shirtsinbulk</span>
<span class="mt1 f2 o-30">f214</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/simplybuilt.svg" target="_blank" class="color-inherit link">
<i class="fab fa-simplybuilt"></i>
</a>
<span class="mt1 f2 fw6 gray5">simplybuilt</span>
<span class="mt1 f2 o-30">f215</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/sistrix.svg" target="_blank" class="color-inherit link">
<i class="fab fa-sistrix"></i>
</a>
<span class="mt1 f2 fw6 gray5">sistrix</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/skyatlas.svg" target="_blank" class="color-inherit link">
<i class="fab fa-skyatlas"></i>
</a>
<span class="mt1 f2 fw6 gray5">skyatlas</span>
<span class="mt1 f2 o-30">f216</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/skype.svg" target="_blank" class="color-inherit link">
<i class="fab fa-skype"></i>
</a>
<span class="mt1 f2 fw6 gray5">skype</span>
<span class="mt1 f2 o-30">f17e</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/slack.svg" target="_blank" class="color-inherit link">
<i class="fab fa-slack"></i>
</a>
<span class="mt1 f2 fw6 gray5">slack</span>
<span class="mt1 f2 o-30">f198</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/slack-hash.svg" target="_blank" class="color-inherit link">
<i class="fab fa-slack-hash"></i>
</a>
<span class="mt1 f2 fw6 gray5">slack-hash</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/slideshare.svg" target="_blank" class="color-inherit link">
<i class="fab fa-slideshare"></i>
</a>
<span class="mt1 f2 fw6 gray5">slideshare</span>
<span class="mt1 f2 o-30">f1e7</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/snapchat.svg" target="_blank" class="color-inherit link">
<i class="fab fa-snapchat"></i>
</a>
<span class="mt1 f2 fw6 gray5">snapchat</span>
<span class="mt1 f2 o-30">f2ab</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/snapchat-ghost.svg" target="_blank" class="color-inherit link">
<i class="fab fa-snapchat-ghost"></i>
</a>
<span class="mt1 f2 fw6 gray5">snapchat-ghost</span>
<span class="mt1 f2 o-30">f2ac</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/snapchat-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-snapchat-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">snapchat-square</span>
<span class="mt1 f2 o-30">f2ad</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/soundcloud.svg" target="_blank" class="color-inherit link">
<i class="fab fa-soundcloud"></i>
</a>
<span class="mt1 f2 fw6 gray5">soundcloud</span>
<span class="mt1 f2 o-30">f1be</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/speakap.svg" target="_blank" class="color-inherit link">
<i class="fab fa-speakap"></i>
</a>
<span class="mt1 f2 fw6 gray5">speakap</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/spotify.svg" target="_blank" class="color-inherit link">
<i class="fab fa-spotify"></i>
</a>
<span class="mt1 f2 fw6 gray5">spotify</span>
<span class="mt1 f2 o-30">f1bc</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/stack-exchange.svg" target="_blank" class="color-inherit link">
<i class="fab fa-stack-exchange"></i>
</a>
<span class="mt1 f2 fw6 gray5">stack-exchange</span>
<span class="mt1 f2 o-30">f18d</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/stack-overflow.svg" target="_blank" class="color-inherit link">
<i class="fab fa-stack-overflow"></i>
</a>
<span class="mt1 f2 fw6 gray5">stack-overflow</span>
<span class="mt1 f2 o-30">f16c</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/staylinked.svg" target="_blank" class="color-inherit link">
<i class="fab fa-staylinked"></i>
</a>
<span class="mt1 f2 fw6 gray5">staylinked</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/steam.svg" target="_blank" class="color-inherit link">
<i class="fab fa-steam"></i>
</a>
<span class="mt1 f2 fw6 gray5">steam</span>
<span class="mt1 f2 o-30">f1b6</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/steam-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-steam-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">steam-square</span>
<span class="mt1 f2 o-30">f1b7</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/steam-symbol.svg" target="_blank" class="color-inherit link">
<i class="fab fa-steam-symbol"></i>
</a>
<span class="mt1 f2 fw6 gray5">steam-symbol</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">
<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">f3f7</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/strava.svg" target="_blank" class="color-inherit link">
<i class="fab fa-strava"></i>
</a>
<span class="mt1 f2 fw6 gray5">strava</span>
<span class="mt1 f2 o-30">f428</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/stripe.svg" target="_blank" class="color-inherit link">
<i class="fab fa-stripe"></i>
</a>
<span class="mt1 f2 fw6 gray5">stripe</span>
<span class="mt1 f2 o-30">f429</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">f3f8</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/stumbleupon.svg" target="_blank" class="color-inherit link">
<i class="fab fa-stumbleupon"></i>
</a>
<span class="mt1 f2 fw6 gray5">stumbleupon</span>
<span class="mt1 f2 o-30">f1a4</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/stumbleupon-circle.svg" target="_blank" class="color-inherit link">
<i class="fab fa-stumbleupon-circle"></i>
</a>
<span class="mt1 f2 fw6 gray5">stumbleupon-circle</span>
<span class="mt1 f2 o-30">f1a3</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/superpowers.svg" target="_blank" class="color-inherit link">
<i class="fab fa-superpowers"></i>
</a>
<span class="mt1 f2 fw6 gray5">superpowers</span>
<span class="mt1 f2 o-30">f2dd</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/supple.svg" target="_blank" class="color-inherit link">
<i class="fab fa-supple"></i>
</a>
<span class="mt1 f2 fw6 gray5">supple</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/telegram.svg" target="_blank" class="color-inherit link">
<i class="fab fa-telegram"></i>
</a>
<span class="mt1 f2 fw6 gray5">telegram</span>
<span class="mt1 f2 o-30">f2c6</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/telegram-plane.svg" target="_blank" class="color-inherit link">
<i class="fab fa-telegram-plane"></i>
</a>
<span class="mt1 f2 fw6 gray5">telegram-plane</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/tencent-weibo.svg" target="_blank" class="color-inherit link">
<i class="fab fa-tencent-weibo"></i>
</a>
<span class="mt1 f2 fw6 gray5">tencent-weibo</span>
<span class="mt1 f2 o-30">f1d5</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/themeisle.svg" target="_blank" class="color-inherit link">
<i class="fab fa-themeisle"></i>
</a>
<span class="mt1 f2 fw6 gray5">themeisle</span>
<span class="mt1 f2 o-30">f2b2</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/trello.svg" target="_blank" class="color-inherit link">
<i class="fab fa-trello"></i>
</a>
<span class="mt1 f2 fw6 gray5">trello</span>
<span class="mt1 f2 o-30">f181</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/tripadvisor.svg" target="_blank" class="color-inherit link">
<i class="fab fa-tripadvisor"></i>
</a>
<span class="mt1 f2 fw6 gray5">tripadvisor</span>
<span class="mt1 f2 o-30">f262</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/tumblr.svg" target="_blank" class="color-inherit link">
<i class="fab fa-tumblr"></i>
</a>
<span class="mt1 f2 fw6 gray5">tumblr</span>
<span class="mt1 f2 o-30">f173</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/tumblr-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-tumblr-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">tumblr-square</span>
<span class="mt1 f2 o-30">f174</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/twitch.svg" target="_blank" class="color-inherit link">
<i class="fab fa-twitch"></i>
</a>
<span class="mt1 f2 fw6 gray5">twitch</span>
<span class="mt1 f2 o-30">f1e8</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/twitter.svg" target="_blank" class="color-inherit link">
<i class="fab fa-twitter"></i>
</a>
<span class="mt1 f2 fw6 gray5">twitter</span>
<span class="mt1 f2 o-30">f099</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/twitter-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-twitter-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">twitter-square</span>
<span class="mt1 f2 o-30">f081</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/uber.svg" target="_blank" class="color-inherit link">
<i class="fab fa-uber"></i>
</a>
<span class="mt1 f2 fw6 gray5">uber</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/uikit.svg" target="_blank" class="color-inherit link">
<i class="fab fa-uikit"></i>
</a>
<span class="mt1 f2 fw6 gray5">uikit</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/uniregistry.svg" target="_blank" class="color-inherit link">
<i class="fab fa-uniregistry"></i>
</a>
<span class="mt1 f2 fw6 gray5">uniregistry</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/untappd.svg" target="_blank" class="color-inherit link">
<i class="fab fa-untappd"></i>
</a>
<span class="mt1 f2 fw6 gray5">untappd</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">
<div class="flex flex-column items-center" style="font-size: 48px;">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/svgs/brands/usb.svg" target="_blank" class="color-inherit link">
<i class="fab fa-usb"></i>
</a>
<span class="mt1 f2 fw6 gray5">usb</span>
<span class="mt1 f2 o-30">f287</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/ussunnah.svg" target="_blank" class="color-inherit link">
<i class="fab fa-ussunnah"></i>
</a>
<span class="mt1 f2 fw6 gray5">ussunnah</span>
<span class="mt1 f2 o-30">f407</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/vaadin.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vaadin"></i>
</a>
<span class="mt1 f2 fw6 gray5">vaadin</span>
<span class="mt1 f2 o-30">f408</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/viacoin.svg" target="_blank" class="color-inherit link">
<i class="fab fa-viacoin"></i>
</a>
<span class="mt1 f2 fw6 gray5">viacoin</span>
<span class="mt1 f2 o-30">f237</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/viadeo.svg" target="_blank" class="color-inherit link">
<i class="fab fa-viadeo"></i>
</a>
<span class="mt1 f2 fw6 gray5">viadeo</span>
<span class="mt1 f2 o-30">f2a9</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/viadeo-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-viadeo-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">viadeo-square</span>
<span class="mt1 f2 o-30">f2aa</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/viber.svg" target="_blank" class="color-inherit link">
<i class="fab fa-viber"></i>
</a>
<span class="mt1 f2 fw6 gray5">viber</span>
<span class="mt1 f2 o-30">f409</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/vimeo.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vimeo"></i>
</a>
<span class="mt1 f2 fw6 gray5">vimeo</span>
<span class="mt1 f2 o-30">f40a</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/vimeo-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vimeo-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">vimeo-square</span>
<span class="mt1 f2 o-30">f194</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/vimeo-v.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vimeo-v"></i>
</a>
<span class="mt1 f2 fw6 gray5">vimeo-v</span>
<span class="mt1 f2 o-30">f27d</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/vine.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vine"></i>
</a>
<span class="mt1 f2 fw6 gray5">vine</span>
<span class="mt1 f2 o-30">f1ca</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/vk.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vk"></i>
</a>
<span class="mt1 f2 fw6 gray5">vk</span>
<span class="mt1 f2 o-30">f189</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/vnv.svg" target="_blank" class="color-inherit link">
<i class="fab fa-vnv"></i>
</a>
<span class="mt1 f2 fw6 gray5">vnv</span>
<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">
<i class="fab fa-weibo"></i>
</a>
<span class="mt1 f2 fw6 gray5">weibo</span>
<span class="mt1 f2 o-30">f18a</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/weixin.svg" target="_blank" class="color-inherit link">
<i class="fab fa-weixin"></i>
</a>
<span class="mt1 f2 fw6 gray5">weixin</span>
<span class="mt1 f2 o-30">f1d7</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/whatsapp.svg" target="_blank" class="color-inherit link">
<i class="fab fa-whatsapp"></i>
</a>
<span class="mt1 f2 fw6 gray5">whatsapp</span>
<span class="mt1 f2 o-30">f232</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/whatsapp-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-whatsapp-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">whatsapp-square</span>
<span class="mt1 f2 o-30">f40c</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/whmcs.svg" target="_blank" class="color-inherit link">
<i class="fab fa-whmcs"></i>
</a>
<span class="mt1 f2 fw6 gray5">whmcs</span>
<span class="mt1 f2 o-30">f40d</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/wikipedia-w.svg" target="_blank" class="color-inherit link">
<i class="fab fa-wikipedia-w"></i>
</a>
<span class="mt1 f2 fw6 gray5">wikipedia-w</span>
<span class="mt1 f2 o-30">f266</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/windows.svg" target="_blank" class="color-inherit link">
<i class="fab fa-windows"></i>
</a>
<span class="mt1 f2 fw6 gray5">windows</span>
<span class="mt1 f2 o-30">f17a</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/wordpress.svg" target="_blank" class="color-inherit link">
<i class="fab fa-wordpress"></i>
</a>
<span class="mt1 f2 fw6 gray5">wordpress</span>
<span class="mt1 f2 o-30">f19a</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/wordpress-simple.svg" target="_blank" class="color-inherit link">
<i class="fab fa-wordpress-simple"></i>
</a>
<span class="mt1 f2 fw6 gray5">wordpress-simple</span>
<span class="mt1 f2 o-30">f411</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/wpbeginner.svg" target="_blank" class="color-inherit link">
<i class="fab fa-wpbeginner"></i>
</a>
<span class="mt1 f2 fw6 gray5">wpbeginner</span>
<span class="mt1 f2 o-30">f297</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/wpexplorer.svg" target="_blank" class="color-inherit link">
<i class="fab fa-wpexplorer"></i>
</a>
<span class="mt1 f2 fw6 gray5">wpexplorer</span>
<span class="mt1 f2 o-30">f2de</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/wpforms.svg" target="_blank" class="color-inherit link">
<i class="fab fa-wpforms"></i>
</a>
<span class="mt1 f2 fw6 gray5">wpforms</span>
<span class="mt1 f2 o-30">f298</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/xbox.svg" target="_blank" class="color-inherit link">
<i class="fab fa-xbox"></i>
</a>
<span class="mt1 f2 fw6 gray5">xbox</span>
<span class="mt1 f2 o-30">f412</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/xing.svg" target="_blank" class="color-inherit link">
<i class="fab fa-xing"></i>
</a>
<span class="mt1 f2 fw6 gray5">xing</span>
<span class="mt1 f2 o-30">f168</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/xing-square.svg" target="_blank" class="color-inherit link">
<i class="fab fa-xing-square"></i>
</a>
<span class="mt1 f2 fw6 gray5">xing-square</span>
<span class="mt1 f2 o-30">f169</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/y-combinator.svg" target="_blank" class="color-inherit link">
<i class="fab fa-y-combinator"></i>
</a>
<span class="mt1 f2 fw6 gray5">y-combinator</span>
<span class="mt1 f2 o-30">f23b</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/yahoo.svg" target="_blank" class="color-inherit link">
<i class="fab fa-yahoo"></i>
</a>
<span class="mt1 f2 fw6 gray5">yahoo</span>
<span class="mt1 f2 o-30">f19e</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/yandex.svg" target="_blank" class="color-inherit link">
<i class="fab fa-yandex"></i>
</a>
<span class="mt1 f2 fw6 gray5">yandex</span>
<span class="mt1 f2 o-30">f413</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/yandex-international.svg" target="_blank" class="color-inherit link">
<i class="fab fa-yandex-international"></i>
</a>
<span class="mt1 f2 fw6 gray5">yandex-international</span>
<span class="mt1 f2 o-30">f414</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/yelp.svg" target="_blank" class="color-inherit link">
<i class="fab fa-yelp"></i>
</a>
<span class="mt1 f2 fw6 gray5">yelp</span>
<span class="mt1 f2 o-30">f1e9</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/yoast.svg" target="_blank" class="color-inherit link">
<i class="fab fa-yoast"></i>
</a>
<span class="mt1 f2 fw6 gray5">yoast</span>
<span class="mt1 f2 o-30">f2b1</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/youtube.svg" target="_blank" class="color-inherit link">
<i class="fab fa-youtube"></i>
</a>
<span class="mt1 f2 fw6 gray5">youtube</span>
<span class="mt1 f2 o-30">f167</span>
</div>
</li>
</ul>
</section>
</div>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="support-styling">
<h2 class="mt0 mb3 b f5">Support Styling Examples</h2>
<p class="mt0 mb4 lh-copy">
Here are examples of styling support you get out-of-the-box with Font Awesome 5's SVG Framework
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Icons Adjust with Text Size</h3>
<div class="flex flex-column flex-row-xl justify-between-xl mb4">
<div class="w-100 w-45-xl pa4 bg-white br2 flex flex-column items-center justify-center fa-2x">
<div data-example-container="style-adjusts-example">
<div style="font-size: 10px; margin-bottom: 2rem;"><i class="fa fa-magic"></i> small</div>
<div style="font-size: 30px; margin-bottom: 2rem;"><i class="fa fa-magic"></i> big</div>
<div style="font-size: 60px;"><i class="fa fa-magic"></i> deathstar</div>
</div>
</div>
<div class="w-100 w-45-xl">
<div id="style-adjusts-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Icons Match Color of Parent</h3>
<div class="flex flex-column flex-row-xl justify-between-xl mb4">
<div class="w-100 w-45-xl pa4 bg-white br2 flex flex-column items-center justify-center fa-2x">
<div data-example-container="style-color-example">
<div style="color: red; margin-bottom: 2rem;"><i class="fa fa-heart"></i></div>
<div style="color: green;"><i class="fa fa-leaf"></i></div>
</div>
</div>
<div class="w-100 w-45-xl">
<div id="style-color-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Icon Size Scale</h3>
<div class="flex flex-column flex-row-xl justify-between-xl mb4">
<div class="w-100 w-45-xl pa4 bg-white br2 flex flex-column items-center justify-center">
<div data-example-container="style-icon-size-example" class="flex flex-column items-center">
<i class="fa fa-magic fa-xs" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-sm" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-lg" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-2x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-3x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-4x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-5x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-6x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-7x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-8x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-9x" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic fa-10x"></i>
</div>
</div>
<div class="w-100 w-45-xl">
<div id="style-icon-size-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Fixed Width 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">
<div data-example-container="style-fw-example">
<ul class="list-group ba bw1 b--gray1 ma0 pa0">
<a class="db pa3 bb bw1 b--gray1 link black" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; Home</a>
<a class="db pa3 bb bw1 b--gray1 link black" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; Library</a>
<a class="db pa3 bb bw1 b--gray1 link black" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; Applications</a>
<a class="db pa3 link black" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; Settings</a>
</ul>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="style-fw-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">List 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">
<div data-example-container="style-list-example">
<ul class="fa-ul">
<li><span class="fa-li"><i class="fa fa-check-square"></i></span>List icons</li>
<li><span class="fa-li"><i class="fa fa-check-square"></i></span>can be used</li>
<li><span class="fa-li"><i class="fal fa-square"></i></span>as bullets</li>
<li><span class="fa-li"><i class="fal fa-square"></i></span>in lists</li>
</ul>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="style-list-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Bordered and Pulled 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">
<div data-example-container="style-pulled-example" class="cf">
<i class="fab fa-font-awesome fa-3x fa-pull-left fa-border"></i>
<i class="fab fa-font-awesome fa-3x fa-pull-right fa-border"></i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="style-pulled-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Animated 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">
<div data-example-container="style-animated-example">
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="style-animated-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Rotated and Flipped 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">
<div data-example-container="style-rotate-example" class="flex flex-column items-center fa-2x">
<i class="fab fa-font-awesome" style="margin-bottom: 1rem;"></i>
<i class="fab fa-font-awesome fa-rotate-90" style="margin-bottom: 1rem;"></i>
<i class="fab fa-font-awesome fa-rotate-180" style="margin-bottom: 1rem;"></i>
<i class="fab fa-font-awesome fa-rotate-270" style="margin-bottom: 1rem;"></i>
<i class="fab fa-font-awesome fa-flip-horizontal" style="margin-bottom: 1rem;"></i>
<i class="fab fa-font-awesome fa-flip-vertical" style="margin-bottom: 1rem;"></i>
<i class="fab fa-font-awesome fa-flip-horizontal fa-flip-vertical"></i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="style-rotate-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Stacked</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="style-stacked-example">
<span class="fa-stack fa-lg">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="style-stacked-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
</section>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="framework-transform">
<h2 class="mt0 mb3 b f5">Transform</h2>
<p class="mt0 mb4 lh-copy">
We've given you some easy ways to transform your icons at a basic level. Scaling and rotating should be super easy now. You can pass any value from 0 to 360 when rotating and continously step up and down the scale-scale (pun semi-intended).
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Examples: Growing and Shrinking</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">
<div data-example-container="transform-scale-example" class="fa-xl flex flex-column items-center">
<i class="fa fa-magic" data-fa-transform="shrink-8" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="shrink-7" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="shrink-6" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="shrink-5" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="shrink-4" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="shrink-3" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="shrink-2" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="shrink-1" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-1" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-2" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-3" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-4" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-5" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-6" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-7" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="grow-8" style="margin-bottom: 1rem;"></i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="transform-scale-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Examples: Rotating</h3>
<div class="flex flex-column flex-row-xl justify-between-xl">
<div class="w-100 w-30-xl pa4 bg-white br2 flex flex-column items-center justify-center">
<div data-example-container="transform-rotate-example" class="fa-xl flex flex-column items-center">
<i class="fa fa-magic" data-fa-transform="rotate-90" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="rotate-180" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="rotate-270" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="rotate-45" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="rotate-315" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="flip-v" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="flip-h" style="margin-bottom: 1rem;"></i>
<i class="fa fa-magic" data-fa-transform="flip-v flip-h"></i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="transform-rotate-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
</section>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="framework-positioning">
<h2 class="mt0 mb3 b f5">Positioning</h2>
<p class="mt0 mb4 lh-copy">
We've added some easy ways to nudge and move icons relative to their surroundings. You can move icons left, right, up, and down by individual steps. We find this helps when we want that extra control over how Font Awesome icons work with your layouts.
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Examples: Basic Positioning</h3>
<div class="flex flex-column flex-row-xl justify-between-xl">
<div class="w-100 w-30-xl pa4 bg-white br2 flex flex-column items-center justify-center fa-2x">
<div data-example-container="positioning-basic-example">
<div style="margin-bottom: 1rem; background: rgb(255, 128, 134); padding: 1rem; border-radius: 0.25rem;">
<i class="fa fa-magic" data-fa-transform="left-9"></i>
</div>
<div style="margin-bottom: 1rem; background: rgb(255, 128, 134); padding: 1rem; border-radius: 0.25rem;">
<i class="fa fa-magic" data-fa-transform="right-12"></i>
</div>
<div style="margin-bottom: 1rem; background: rgb(255, 128, 134); padding: 1rem; border-radius: 0.25rem;">
<i class="fa fa-magic" data-fa-transform="up-8"></i>
</div>
<div style="margin-bottom: 1rem; background: rgb(255, 128, 134); padding: 1rem; border-radius: 0.25rem;">
<i class="fa fa-magic" data-fa-transform="down-7"></i>
</div>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="positioning-basic-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
</section>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="framework-masks">
<h2 class="mt0 mb3 b f5">Masking</h2>
<p class="mt0 mb4 lh-copy">
Masking allow you to combine two icons into one shape. The background behind the icon will show through. This is perfect for placing icons on basic shapes.
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Basic masking</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">
<div data-example-container="masking-example" class="fa-4x">
<i class="fa fa-pencil" data-fa-transform="shrink-10" data-fa-mask="fa fa-comment"></i>
<i class="fab fa-facebook-f" data-fa-transform="shrink-3.5 down-1.6 right-1.25" data-fa-mask="fa fa-circle"></i>
<i class="green5 fa fa-headphones" data-fa-transform="shrink-6" data-fa-mask="fa fa-square"></i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="masking-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
</section>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="framework-layers">
<h2 class="mt0 mb3 b f5">Layers</h2>
<p class="mt0 mb4 lh-copy">
Layers are the new way to place icons visually on top of each other. Its meant to replace our classic stacked support styling. With this new approach you can use more than 2 icons. Yuss!
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Basic Stacking</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">
<div data-example-container="layers-basic-example" class="fa-4x">
<span class="fa-layers fa-fw" style="display: block; margin-bottom: 3rem;">
<i class="green4 fa fa-square"></i>
<i class="green1 fa fa-magic" data-fa-transform="shrink-6"></i>
</span>
<span class="fa-layers fa-fw" style="display: block; margin-bottom: 3rem;">
<i class="fa fa-calendar" data-fa-transform="grow-4"></i>
<i class="red5 fa fa-heart" data-fa-transform="shrink-8 down-4"></i>
</span>
<span class="fa-layers fa-fw" style="display: block; margin-bottom: 3rem;">
<i class="fa fa-circle" data-fa-transform="grow-8"></i>
<i class="blue4 fal fa-power-off"></i>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="layers-basic-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Multiple Layers</h3>
<div class="flex flex-column flex-row-xl justify-between-xl">
<div class="w-100 w-30-xl pa4 bg-white br2 flex flex-column items-center justify-center">
<div data-example-container="layers-multiple-example" class="fa-4x">
<span class="fa-layers fa-fw">
<i class="fa fa-circle" data-fa-transform="grow-8"></i>
<i class="fal fa-poo fa-inverse" data-fa-transform="shrink-6 down-3"></i>
<i class="fal fa-minus fa-inverse" data-fa-transform="shrink-4 down-.3"></i>
<i class="fa fa-triangle fa-inverse" data-fa-transform="shrink-9 up-3"></i>
<i class="fa fa-circle fa-inverse" data-fa-transform="shrink-13 up-7"></i>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="layers-multiple-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
</section>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="framework-overlays">
<h2 class="mt0 mb3 b f5">Text Overlays</h2>
<p class="mt0 mb4 lh-copy">
Using positioning, transforms, and layers, you can overlay text information on top of icons. We find this pretty handy for particular symbols in our UI like calendars and file types. But don't stop there!
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Simple Text Overlay</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="overlay-simple-example1">
<span class="fa-layers">
<i class="fa fa-calendar"></i>
<span class="fa-layers-text fa-inverse" data-fa-transform="shrink-8 down-3">12</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-simple-example1" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Simple Text Overlay</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="overlay-simple-example2">
<span class="fa-layers">
<i class="fal fa-calendar"></i>
<span class="fa-layers-text" data-fa-transform="shrink-8 down-3">12</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-simple-example2" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Abbreviations</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="overlay-abbreviation-example">
<span class="fa-layers">
<i class="fa fa-file" data-fa-transform="grow-4"></i>
<span class="fa-layers-text fa-inverse" data-fa-transform="shrink-10 down-6">DOC</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-abbreviation-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Cheeky</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="overlay-valentines-example">
<span class="fa-layers fa-fw">
<i class="fa fa-heart" data-fa-transform="grow-16"></i>
<span class="fa-layers-text fa-inverse" data-fa-transform="shrink-10 up-1">Be mine</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-valentines-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h2 class="mt6 mb3 b f5">Counter Badge Overlays</h2>
<p class="mt0 mb4 lh-copy">
We've also added some simple utilities for count-based badges as special overlays for Font Awesome icons.
</p>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Simple Counter Badge</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">
<div data-example-container="overlay-counter-example1">
<span class="fa-layers fa-fw" style="font-size: 3em;">
<i class="fa fa-envelope"></i>
<span class="fa-layers-counter">1</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-counter-example1" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: No Content Counter Badge</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">
<div data-example-container="overlay-counter-example2">
<span class="fa-layers fa-fw" style="font-size: 3em;">
<i class="fa fa-envelope"></i>
<span class="fa-layers-counter"></span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-counter-example2" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Double-digit, Bottom Left Content Counter Badge</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">
<div data-example-container="overlay-counter-example3">
<span class="fa-layers fa-fw" style="font-size: 3em;">
<i class="fa fa-envelope"></i>
<span class="fa-layers-counter fa-layers-bottom-left">15</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-counter-example3" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Large number, Top Right Content Counter Badge</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">
<div data-example-container="overlay-counter-example4">
<span class="fa-layers fa-fw" style="font-size: 3em;">
<i class="fa fa-envelope"></i>
<span class="fa-layers-counter fa-layers-top-right">1,517</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-counter-example4" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Example: Crazy large number, Top Left Content Counter Badge</h3>
<div class="flex flex-column flex-row-xl justify-between-xl">
<div class="w-100 w-30-xl pa4 bg-white br2 flex flex-column items-center justify-center">
<div data-example-container="overlay-counter-example5">
<span class="fa-layers fa-fw" style="font-size: 3em;">
<i class="fa fa-envelope"></i>
<span class="fa-layers-counter fa-layers-top-left">9,517,923,443</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="overlay-counter-example5" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
</section>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<section id="framework-extras">
<h2 class="mt0 mb3 b f5">Extras</h2>
<p class="mt0 mb4 lh-copy">
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">
<div data-example-container="extras-missing-icon-example1">
<i class="fa fa-not-a-real-icon"></i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="extras-missing-icon-example1" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Re-usable Symbols</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-symbols-example1">
<i class="fas fa-edit" data-fa-symbol></i>
<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">
<div id="extras-symbols-example1" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Auto Accessibility: Add Aria-Hidden</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-a11y-example1">
<i class="fa fa-magic"></i>
<span class="fa-layers fa-fw">
<i class="fa fa-square"></i>
<i class="fa fa-magic fa-inverse" data-fa-transform="shrink-6"></i>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="extras-a11y-example1" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Auto Accessibility: Add Title</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-a11y-example2">
<i title="magic!" class="fa fa-magic"></i>
<span class="fa-layers">
<i class="fa fa-file" data-fa-transform="grow-4"></i>
<span title="Microsoft Office document" class="fa-layers-text fa-inverse" data-fa-transform="shrink-10 down-6">DOC</span>
</span>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="extras-a11y-example2" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
<h3 class="mt0 mb2 f3 gray5 fw6">Render Icons with Ligatures, Unicode, or Unicode + HTML encoding</h3>
<div class="flex flex-column flex-row-xl justify-between-xl">
<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-rendering-example">
<i class="fas fa-magic"></i>
<i class="fas">magic</i>
<i class="fas"></i>
<i class="fas">&#xf0d0;</i>
</div>
</div>
<div class="w-100 w-60-xl">
<div id="extras-rendering-example" class="br2 bg-gray7 br2 bl bw3 b--gray6 lh-title">
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</body>
</html>