@uiw/file-icons
Version:
File icons in the file tree
1,591 lines (1,357 loc) • 56.3 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>file-icons</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="description" content="File icons in the file tree.">
<meta name="keywords" content="file,icon,file-icons,TTF,EOT,WOFF,WOFF2,SVG">
<style>
*{margin: 0;padding: 0;list-style: none;}
body { color: #696969; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; }
a { color: #333; text-decoration: underline; }
a:hover { color: rgb(9, 73, 209); }
.header { color: #333; text-align: center; padding: 80px 0 60px 0; min-height: 153px; font-size: 14px; }
.header .logo svg { height: 120px; width: 120px; }
.header h1 { font-size: 42px; padding: 26px 0 10px 0; }
.header sup {font-size: 14px; margin: 8px 0 0 8px; position: absolute; color: #7b7b7b; }
.info {
color: #999;
font-weight: normal;
max-width: 346px;
margin: 0 auto;
padding: 20px 0;
font-size: 14px;
}
.icons { max-width: 1190px; margin: 0 auto; }
.icons ul { text-align: center; }
.icons ul li {
vertical-align: top;
width: 120px;
display: inline-block;
text-align: center;
background-color: rgba(0,0,0,.02);
border-radius: 3px;
padding: 29px 0 10px 0;
margin-right: 10px;
margin-top: 10px;
transition: all 0.6s ease;
}
.icons ul li:hover { background-color: rgba(0,0,0,.06); }
.icons ul li:hover span { color: #3c75e4; opacity: 1; }
.icons ul li .unicode { color: #8c8c8c; opacity: 0.3; }
.icons ul li h4 {
font-weight: normal;
padding: 10px 0 5px 0;
display: block;
color: #8c8c8c;
font-size: 14px;
line-height: 12px;
opacity: 0.8;
}
.icons ul li:hover h4 { opacity: 1; }
.icons ul li svg { width: 24px; height: 24px; }
.icons ul li:hover { color: #3c75e4; }
.footer { text-align: center; padding: 10px 0 90px 0; }
.footer a { text-align: center; padding: 10px 0 90px 0; color: #696969;}
.footer a:hover { color: #0949d1; }
.links { text-align: center; padding: 50px 0 0 0; font-size: 14px; }
.icons ul li.symbol {padding: 28px 10px 16px 10px; width: 100px;}
.icons ul li.symbol svg {width: 34px; height: 34px;}
.icons ul li.symbol h4 {font-size: 12px;}
</style>
</head>
<body>
<div class="header">
<div class="logo">
<a href="./"><svg width="145" height="145" viewBox="0 0 145 145">
<g fill="none" fill-rule="evenodd">
<path fill="#F8E71C" d="M78,59.7218254 L78,0.85971532 C87.1067062,2.02752692 95.9111931,6.10863194 102.905592,13.1030304 L131.89697,42.0944084 C139.019301,49.2167398 143.120792,58.215981 144.201441,67.5 L85.7781746,67.5 L105.026912,48.2512627 C107.174796,46.1033791 107.174796,42.6209717 105.026912,40.4730881 C102.879028,38.3252045 99.3966209,38.3252045 97.2487373,40.4730881 L78,59.7218254 Z"/>
<path fill="#4A90E2" d="M67,86.2781746 L67,144.140285 C57.8932938,142.972473 49.0888069,138.891368 42.0944084,131.89697 L13.1030304,102.905592 C6.23672035,96.0392816 2.17797848,87.4285723 0.926804778,78.5 L59.2218254,78.5 L39.9730881,97.7487373 C37.8252045,99.8966209 37.8252045,103.379028 39.9730881,105.526912 C42.1209717,107.674796 45.6033791,107.674796 47.7512627,105.526912 L67,86.2781746 Z"/>
<path fill="#7ED321" d="M78,86.2781746 L97.2487373,105.526912 C99.3966209,107.674796 102.879028,107.674796 105.026912,105.526912 C107.174796,103.379028 107.174796,99.8966209 105.026912,97.7487373 L85.7781746,78.5 L144.073195,78.5 C142.822022,87.4285723 138.76328,96.0392816 131.89697,102.905592 L102.905592,131.89697 C95.9111931,138.891368 87.1067062,142.972473 78,144.140285 L78,86.2781746 Z"/>
<path fill="#D0021B" d="M67,59.7218254 L47.7512627,40.4730881 C45.6033791,38.3252045 42.1209717,38.3252045 39.9730881,40.4730881 C37.8252045,42.6209717 37.8252045,46.1033791 39.9730881,48.2512627 L59.2218254,67.5 L0.798558759,67.5 C1.87920849,58.215981 5.98069903,49.2167398 13.1030304,42.0944084 L42.0944084,13.1030304 C49.0888069,6.10863194 57.8932938,2.02752692 67,0.85971532 L67,59.7218254 Z"/>
</g>
</svg>
</a>
</div>
<h1>file-icons<sup>1.3.2</sup></h1>
<div class="info">
File icons in the file tree.
</div>
<p>
<a href="https://github.com/uiwjs/file-icons">GitHub</a> ·
<a href="https://github.com/uiwjs/file-icons/issues">Feedback</a> ·
<a href="font-class.html">Font Class Demo</a> ·
<a href="index.html">Symbol Demo</a> ·
<a href="unicode.html">Unicode Demo</a>
</p>
</div>
<div class="icons">
<ul>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-actionscript"></use>
</svg>
<h4>ffont-actionscript</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-android"></use>
</svg>
<h4>ffont-android</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-angular"></use>
</svg>
<h4>ffont-angular</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-apiblueprint"></use>
</svg>
<h4>ffont-apiblueprint</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-applescript"></use>
</svg>
<h4>ffont-applescript</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-appveyor"></use>
</svg>
<h4>ffont-appveyor</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-arduino"></use>
</svg>
<h4>ffont-arduino</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-assembly"></use>
</svg>
<h4>ffont-assembly</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-audio"></use>
</svg>
<h4>ffont-audio</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-aurelia"></use>
</svg>
<h4>ffont-aurelia</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-authors"></use>
</svg>
<h4>ffont-authors</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-autohotkey"></use>
</svg>
<h4>ffont-autohotkey</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-autoit"></use>
</svg>
<h4>ffont-autoit</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-babel"></use>
</svg>
<h4>ffont-babel</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ballerina"></use>
</svg>
<h4>ffont-ballerina</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-bazel"></use>
</svg>
<h4>ffont-bazel</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-bitbucket"></use>
</svg>
<h4>ffont-bitbucket</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-bithound"></use>
</svg>
<h4>ffont-bithound</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-blink"></use>
</svg>
<h4>ffont-blink</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-bower"></use>
</svg>
<h4>ffont-bower</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-browserlist"></use>
</svg>
<h4>ffont-browserlist</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-bucklescript"></use>
</svg>
<h4>ffont-bucklescript</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-c"></use>
</svg>
<h4>ffont-c</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-cabal"></use>
</svg>
<h4>ffont-cabal</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-cake"></use>
</svg>
<h4>ffont-cake</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-certificate"></use>
</svg>
<h4>ffont-certificate</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-changelog"></use>
</svg>
<h4>ffont-changelog</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-circleci"></use>
</svg>
<h4>ffont-circleci</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-clojure"></use>
</svg>
<h4>ffont-clojure</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-cloudfoundry"></use>
</svg>
<h4>ffont-cloudfoundry</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-cmake"></use>
</svg>
<h4>ffont-cmake</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-code-climatet"></use>
</svg>
<h4>ffont-code-climatet</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-coffee"></use>
</svg>
<h4>ffont-coffee</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-coldfusion"></use>
</svg>
<h4>ffont-coldfusion</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-conduct"></use>
</svg>
<h4>ffont-conduct</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-console"></use>
</svg>
<h4>ffont-console</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-contributing"></use>
</svg>
<h4>ffont-contributing</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-cpp"></use>
</svg>
<h4>ffont-cpp</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-credits"></use>
</svg>
<h4>ffont-credits</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-crystal_light"></use>
</svg>
<h4>ffont-crystal_light</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-csharp"></use>
</svg>
<h4>ffont-csharp</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-css"></use>
</svg>
<h4>ffont-css</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-css3"></use>
</svg>
<h4>ffont-css3</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-cucumber"></use>
</svg>
<h4>ffont-cucumber</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-cuda"></use>
</svg>
<h4>ffont-cuda</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-d"></use>
</svg>
<h4>ffont-d</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-dart"></use>
</svg>
<h4>ffont-dart</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-database"></use>
</svg>
<h4>ffont-database</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-diff"></use>
</svg>
<h4>ffont-diff</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-django"></use>
</svg>
<h4>ffont-django</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-docker"></use>
</svg>
<h4>ffont-docker</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-document"></use>
</svg>
<h4>ffont-document</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-dotjs"></use>
</svg>
<h4>ffont-dotjs</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-drone"></use>
</svg>
<h4>ffont-drone</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-editorconfig"></use>
</svg>
<h4>ffont-editorconfig</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ejs"></use>
</svg>
<h4>ffont-ejs</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-elixir"></use>
</svg>
<h4>ffont-elixir</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-elm"></use>
</svg>
<h4>ffont-elm</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-email"></use>
</svg>
<h4>ffont-email</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-erlang"></use>
</svg>
<h4>ffont-erlang</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-eslint"></use>
</svg>
<h4>ffont-eslint</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-exe"></use>
</svg>
<h4>ffont-exe</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-fastlane"></use>
</svg>
<h4>ffont-fastlane</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-favicon"></use>
</svg>
<h4>ffont-favicon</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-file"></use>
</svg>
<h4>ffont-file</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-firebase"></use>
</svg>
<h4>ffont-firebase</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-flash"></use>
</svg>
<h4>ffont-flash</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-flow"></use>
</svg>
<h4>ffont-flow</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-font"></use>
</svg>
<h4>ffont-font</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-foxpro"></use>
</svg>
<h4>ffont-foxpro</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-fsharp"></use>
</svg>
<h4>ffont-fsharp</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-gatsby"></use>
</svg>
<h4>ffont-gatsby</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-gemfile"></use>
</svg>
<h4>ffont-gemfile</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-git"></use>
</svg>
<h4>ffont-git</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-gitlab"></use>
</svg>
<h4>ffont-gitlab</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-go"></use>
</svg>
<h4>ffont-go</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-godot-assets"></use>
</svg>
<h4>ffont-godot-assets</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-godot"></use>
</svg>
<h4>ffont-godot</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-gradle"></use>
</svg>
<h4>ffont-gradle</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-graphcool"></use>
</svg>
<h4>ffont-graphcool</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-graphql"></use>
</svg>
<h4>ffont-graphql</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-groovy"></use>
</svg>
<h4>ffont-groovy</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-grunt"></use>
</svg>
<h4>ffont-grunt</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-gulp"></use>
</svg>
<h4>ffont-gulp</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-h"></use>
</svg>
<h4>ffont-h</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-hack"></use>
</svg>
<h4>ffont-hack</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-haml"></use>
</svg>
<h4>ffont-haml</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-handlebars"></use>
</svg>
<h4>ffont-handlebars</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-haskell"></use>
</svg>
<h4>ffont-haskell</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-haxe"></use>
</svg>
<h4>ffont-haxe</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-hcl"></use>
</svg>
<h4>ffont-hcl</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-helm"></use>
</svg>
<h4>ffont-helm</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-heroku"></use>
</svg>
<h4>ffont-heroku</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-hpp"></use>
</svg>
<h4>ffont-hpp</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-html"></use>
</svg>
<h4>ffont-html</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-http"></use>
</svg>
<h4>ffont-http</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-i18n"></use>
</svg>
<h4>ffont-i18n</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-image"></use>
</svg>
<h4>ffont-image</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ionic"></use>
</svg>
<h4>ffont-ionic</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-jade"></use>
</svg>
<h4>ffont-jade</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-jasmine"></use>
</svg>
<h4>ffont-jasmine</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-java"></use>
</svg>
<h4>ffont-java</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-javascript-map"></use>
</svg>
<h4>ffont-javascript-map</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-javascript"></use>
</svg>
<h4>ffont-javascript</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-jest"></use>
</svg>
<h4>ffont-jest</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-jinja"></use>
</svg>
<h4>ffont-jinja</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-json"></use>
</svg>
<h4>ffont-json</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-julia"></use>
</svg>
<h4>ffont-julia</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-jupyter"></use>
</svg>
<h4>ffont-jupyter</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-karma"></use>
</svg>
<h4>ffont-karma</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-key"></use>
</svg>
<h4>ffont-key</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-kivy"></use>
</svg>
<h4>ffont-kivy</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-kl"></use>
</svg>
<h4>ffont-kl</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-kotlin"></use>
</svg>
<h4>ffont-kotlin</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-laravel"></use>
</svg>
<h4>ffont-laravel</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-less"></use>
</svg>
<h4>ffont-less</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-lib"></use>
</svg>
<h4>ffont-lib</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-livescript"></use>
</svg>
<h4>ffont-livescript</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-lock"></use>
</svg>
<h4>ffont-lock</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-log"></use>
</svg>
<h4>ffont-log</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-lua"></use>
</svg>
<h4>ffont-lua</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-makefile"></use>
</svg>
<h4>ffont-makefile</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-markdown"></use>
</svg>
<h4>ffont-markdown</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-markojs"></use>
</svg>
<h4>ffont-markojs</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-mathematica"></use>
</svg>
<h4>ffont-mathematica</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-matlab"></use>
</svg>
<h4>ffont-matlab</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-mdx"></use>
</svg>
<h4>ffont-mdx</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-merlin"></use>
</svg>
<h4>ffont-merlin</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-microsoft-access"></use>
</svg>
<h4>ffont-microsoft-access</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-microsoft-excel"></use>
</svg>
<h4>ffont-microsoft-excel</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-microsoft-infopath"></use>
</svg>
<h4>ffont-microsoft-infopath</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-microsoft-onenote"></use>
</svg>
<h4>ffont-microsoft-onenote</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-microsoft-powerpoint"></use>
</svg>
<h4>ffont-microsoft-powerpoint</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-microsoft-visio"></use>
</svg>
<h4>ffont-microsoft-visio</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-microsoft-word"></use>
</svg>
<h4>ffont-microsoft-word</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-mint"></use>
</svg>
<h4>ffont-mint</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-mjml"></use>
</svg>
<h4>ffont-mjml</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-mocha"></use>
</svg>
<h4>ffont-mocha</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-mxml"></use>
</svg>
<h4>ffont-mxml</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-nginx"></use>
</svg>
<h4>ffont-nginx</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ngrx-actions"></use>
</svg>
<h4>ffont-ngrx-actions</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ngrx-effects"></use>
</svg>
<h4>ffont-ngrx-effects</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ngrx-entity"></use>
</svg>
<h4>ffont-ngrx-entity</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ngrx-reducer"></use>
</svg>
<h4>ffont-ngrx-reducer</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ngrx-state"></use>
</svg>
<h4>ffont-ngrx-state</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-nim"></use>
</svg>
<h4>ffont-nim</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-nix"></use>
</svg>
<h4>ffont-nix</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-nodejs"></use>
</svg>
<h4>ffont-nodejs</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-nodemon"></use>
</svg>
<h4>ffont-nodemon</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-npm"></use>
</svg>
<h4>ffont-npm</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-nunjucks"></use>
</svg>
<h4>ffont-nunjucks</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ocaml"></use>
</svg>
<h4>ffont-ocaml</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-pdf"></use>
</svg>
<h4>ffont-pdf</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-perl"></use>
</svg>
<h4>ffont-perl</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-php"></use>
</svg>
<h4>ffont-php</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-php_elephant"></use>
</svg>
<h4>ffont-php_elephant</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-postcss"></use>
</svg>
<h4>ffont-postcss</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-powershell"></use>
</svg>
<h4>ffont-powershell</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-prettier"></use>
</svg>
<h4>ffont-prettier</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-processing"></use>
</svg>
<h4>ffont-processing</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-protractor"></use>
</svg>
<h4>ffont-protractor</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-pug"></use>
</svg>
<h4>ffont-pug</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-puppet"></use>
</svg>
<h4>ffont-puppet</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-purescript"></use>
</svg>
<h4>ffont-purescript</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-python"></use>
</svg>
<h4>ffont-python</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-r"></use>
</svg>
<h4>ffont-r</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-racket"></use>
</svg>
<h4>ffont-racket</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-raml"></use>
</svg>
<h4>ffont-raml</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-razor"></use>
</svg>
<h4>ffont-razor</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-react"></use>
</svg>
<h4>ffont-react</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-readme"></use>
</svg>
<h4>ffont-readme</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-reason"></use>
</svg>
<h4>ffont-reason</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-red"></use>
</svg>
<h4>ffont-red</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-redux-action"></use>
</svg>
<h4>ffont-redux-action</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-redux-reducer"></use>
</svg>
<h4>ffont-redux-reducer</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-redux-store"></use>
</svg>
<h4>ffont-redux-store</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-regex"></use>
</svg>
<h4>ffont-regex</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-restql"></use>
</svg>
<h4>ffont-restql</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-riot"></use>
</svg>
<h4>ffont-riot</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-robot"></use>
</svg>
<h4>ffont-robot</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-rollup"></use>
</svg>
<h4>ffont-rollup</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-routing"></use>
</svg>
<h4>ffont-routing</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-ruby"></use>
</svg>
<h4>ffont-ruby</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-rust"></use>
</svg>
<h4>ffont-rust</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-san"></use>
</svg>
<h4>ffont-san</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-sass"></use>
</svg>
<h4>ffont-sass</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-sbt"></use>
</svg>
<h4>ffont-sbt</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-scala"></use>
</svg>
<h4>ffont-scala</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-semantic-release"></use>
</svg>
<h4>ffont-semantic-release</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-settings"></use>
</svg>
<h4>ffont-settings</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-shaderlab"></use>
</svg>
<h4>ffont-shaderlab</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-sketch"></use>
</svg>
<h4>ffont-sketch</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-slim"></use>
</svg>
<h4>ffont-slim</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-smarty"></use>
</svg>
<h4>ffont-smarty</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-snyk"></use>
</svg>
<h4>ffont-snyk</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-solidity"></use>
</svg>
<h4>ffont-solidity</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-sonar"></use>
</svg>
<h4>ffont-sonar</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-stencil"></use>
</svg>
<h4>ffont-stencil</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-storybook"></use>
</svg>
<h4>ffont-storybook</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-stylelint"></use>
</svg>
<h4>ffont-stylelint</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-stylus"></use>
</svg>
<h4>ffont-stylus</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-sublime"></use>
</svg>
<h4>ffont-sublime</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-svn"></use>
</svg>
<h4>ffont-svn</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-swc"></use>
</svg>
<h4>ffont-swc</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-swift"></use>
</svg>
<h4>ffont-swift</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-table"></use>
</svg>
<h4>ffont-table</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-terraform"></use>
</svg>
<h4>ffont-terraform</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-test-js"></use>
</svg>
<h4>ffont-test-js</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-test-jsx"></use>
</svg>
<h4>ffont-test-jsx</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-test-ts"></use>
</svg>
<h4>ffont-test-ts</h4>
</li>
<li class="symbol">
<svg class="icon" aria-hidden="true">
<use xlink:href="ffont.symbol.svg#ffont-tex"></use>
</svg>
<h4>ffont-tex</h4>
</li>
<li class="symbol">