Files
Font-Awesome-Pro/svg-framework/alpha/demo-sprite.html
2017-05-31 18:50:17 -04:00

3355 lines
104 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- font awesome team specific styling. ignore/replace with your own -->
<link rel="stylesheet" href="http://static.fontawesome.com/css/fontawesome-app.css">
<style>
.icon {
width: 48px;
height: 48px;
}
</style>
</head>
<body class="w-100 min-vh-100 bg-near-white darker-gray sans-serif pa6">
<div class="mw9 center overflow-hidden">
<header class="flex flex-column flex-row-l justify-between items-baseline tc tl-l mb6">
<h1 class="mt0 mb4 mb0-l f7 normal">SVG Framework - Sprite Demo</h1>
<nav class="w-100 w-auto-l tc tr-l">
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/blob/svg-framework/svg-framework/README.md" target="_blank" class="link light-blue underline-hover pa1 mr3">View README</a>
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/issues/412" target="_blank" class="link light-blue underline-hover pa1">Submit Feedback</a>
</nav>
</header>
<section id="fas" class="mb7 bg-white br2 pa4 shadow-1">
<h2 class="sans-serif mt0 mb3 pb3 f4 gray bb bw2 b--near-white">Font Awesome 5 Solid</h2>
<ul class="list ma0 pa0 flex flex-row flex-wrap black">
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#alarm-clock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#angle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#angle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#angle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#angle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-from-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-from-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-from-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-from-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-to-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-to-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-to-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-to-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-alt-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-from-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-from-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-from-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-from-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-to-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-to-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-to-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-to-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrow-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrows-alt-h"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrows-alt-v"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrows-h"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#arrows-v"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#badge"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#badge-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#bars"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#bomb"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#book"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#bullhorn"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar-pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#calendar-times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#camera"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#camera-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#camera-retro"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#caret-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#check-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#check-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#chevron-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#clock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#club"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#code"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#coffee"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#cog"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#comment"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#comment-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#diamond"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-angle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-angle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-angle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-angle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-chevron-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-chevron-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-chevron-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#double-chevron-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#download"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#edit"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#envelope"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#exclamation-triangle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file-pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#file-times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#film"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#flask"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#gamepad"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#heart"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#home"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#inbox"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#inbox-in"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#inbox-out"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#jack-o-lantern"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#leaf"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#lock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#lock-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-alt-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-alt-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-alt-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-alt-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#long-arrow-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#magic"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#martini-glass"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#minus-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#minus-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#minus-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#minus-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#music"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#paint-brush"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#paper-plane"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#pen-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#pen-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#pencil"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#pencil-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#plus-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#plus-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#plus-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#plus-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#poo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#power-off"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#print"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#redo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#redo-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#road"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#rocket"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#search"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#search-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#search-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#shield"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#shield-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sign-in"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sign-in-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sign-out"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sign-out-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#signal"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#smile"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sort"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sort-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sort-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#spade"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#star"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#star-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sticky-note"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#stopwatch"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sync"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#sync-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#th"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#th-large"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#th-list"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#thumbs-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#thumbs-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#times-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#times-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#times-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#times-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#trash"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#trash-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#triangle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#trophy"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#trophy-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#undo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#undo-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#upload"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#usd"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#usd-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#usd-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#user"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#utensil-fork"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#utensil-knife"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#utensil-spoon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#utensils"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#utensils-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="solid.svg#watch"></use>
</svg>
</li>
</ul>
</section>
<section id="fas" class="mb7 bg-white br2 pa4 shadow-1">
<h2 class="sans-serif mt0 mb3 pb3 f4 gray bb bw2 b--near-white">Font Awesome 5 Regular</h2>
<ul class="list ma0 pa0 flex flex-row flex-wrap">
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#alarm-clock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#angle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#angle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#angle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#angle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-from-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-from-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-from-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-from-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-to-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-to-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-to-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-to-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-alt-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-from-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-from-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-from-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-from-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-to-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-to-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-to-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-to-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrow-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrows-alt-h"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrows-alt-v"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrows-h"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#arrows-v"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#badge"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#badge-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#bars"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#bomb"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#book"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#bullhorn"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar-pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#calendar-times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#camera"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#camera-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#camera-retro"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#caret-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#check-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#check-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#chevron-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#clock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#club"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#code"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#coffee"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#cog"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#comment"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#comment-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#diamond"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-angle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-angle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-angle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-angle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-chevron-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-chevron-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-chevron-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#double-chevron-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#download"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#edit"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#envelope"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#exclamation-triangle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file-pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#file-times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#film"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#flask"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#gamepad"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#heart"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#home"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#inbox"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#inbox-in"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#inbox-out"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#jack-o-lantern"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#leaf"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#lock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#lock-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-alt-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-alt-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-alt-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-alt-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#long-arrow-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#magic"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#martini-glass"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#minus-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#minus-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#minus-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#minus-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#music"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#paint-brush"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#paper-plane"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#pen-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#pen-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#pencil"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#pencil-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#plus-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#plus-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#plus-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#plus-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#poo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#power-off"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#print"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#redo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#redo-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#road"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#rocket"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#search"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#search-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#search-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#shield"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#shield-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sign-in"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sign-in-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sign-out"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sign-out-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#signal"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#smile"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sort"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sort-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sort-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#spade"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#star"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#star-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sticky-note"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#stopwatch"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sync"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#sync-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#th"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#th-large"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#th-list"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#thumbs-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#thumbs-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#times-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#times-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#times-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#times-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#trash"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#trash-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#triangle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#trophy"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#trophy-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#undo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#undo-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#upload"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#usd"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#usd-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#usd-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#user"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#utensil-fork"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#utensil-knife"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#utensil-spoon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#utensils"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#utensils-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="regular.svg#watch"></use>
</svg>
</li>
</ul>
</section>
<section id="fas" class="bg-white br2 pa4 shadow-1">
<h2 class="sans-serif mt0 mb3 pb3 f4 gray bb bw2 b--near-white">Font Awesome 5 Light</h2>
<ul class="list ma0 pa0 flex flex-row flex-wrap">
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#alarm-clock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#angle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#angle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#angle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#angle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-from-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-from-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-from-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-from-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-to-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-to-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-to-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-to-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-alt-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-from-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-from-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-from-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-from-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-to-bottom"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-to-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-to-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-to-top"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrow-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrows-alt-h"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrows-alt-v"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrows-h"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#arrows-v"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#badge"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#badge-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#bars"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#bomb"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#book"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#bullhorn"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar-pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#calendar-times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#camera"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#camera-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#camera-retro"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#caret-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#check-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#check-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-circle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-circle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-circle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-circle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-square-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-square-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-square-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-square-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#chevron-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#clock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#club"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#code"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#coffee"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#cog"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#comment"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#comment-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#diamond"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-angle-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-angle-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-angle-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-angle-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-chevron-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-chevron-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-chevron-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#double-chevron-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#download"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#edit"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#envelope"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#exclamation-triangle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file-pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#file-times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#film"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#flask"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#gamepad"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#heart"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#home"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#inbox"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#inbox-in"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#inbox-out"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#jack-o-lantern"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#leaf"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#lock"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#lock-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-alt-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-alt-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-alt-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-alt-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-left"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-right"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#long-arrow-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#magic"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#martini-glass"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#minus-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#minus-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#minus-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#minus-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#music"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#paint-brush"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#paper-plane"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#pen"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#pen-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#pen-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#pencil"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#pencil-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#plus-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#plus-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#plus-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#plus-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#poo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#power-off"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#print"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#redo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#redo-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#road"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#rocket"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#search"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#search-minus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#search-plus"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#shield"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#shield-check"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sign-in"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sign-in-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sign-out"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sign-out-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#signal"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#smile"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sort"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sort-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sort-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#spade"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#star"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#star-exclamation"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sticky-note"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#stopwatch"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sync"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#sync-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#th"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#th-large"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#th-list"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#thumbs-down"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#thumbs-up"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#times"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#times-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#times-hexagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#times-octagon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#times-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#trash"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#trash-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#triangle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#trophy"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#trophy-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#undo"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#undo-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#upload"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#usd"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#usd-circle"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#usd-square"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#user"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#utensil-fork"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#utensil-knife"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#utensil-spoon"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#utensils"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#utensils-alt"></use>
</svg>
</li>
<li class="pa3 ma0">
<svg class="icon">
<use xlink:href="light.svg#watch"></use>
</svg>
</li>
</ul>
</section>
</div>
</body>
</html>