new version Fri Feb 23 22:54:06 EST 2018

This commit is contained in:
Julien Deswaef 2018-02-23 22:54:06 -05:00
parent 100c0c68c4
commit 47b4acba84
18 changed files with 277 additions and 8 deletions

Binary file not shown.

View File

@ -2376,6 +2376,10 @@
.fa-shaarli-o:before {
content: "\f2f6";
}
.fa-cut-key:before,
.fa-key-modern:before {
content: "\f2f7";
}
.sr-only {
position: absolute;
width: 1px;

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20170925 at Fri Feb 23 12:24:25 2018
Created by FontForge 20170925 at Fri Feb 23 21:05:48 2018
By Julien Deswaef
The Fork Awesome font is licensed under the SIL OFL 1.1 (http://scripts.sil.org/OFL). Fork Awesome is a fork based of off Font Awesome 4.7.0 by Dave Gandy. More info on licenses at https://forkawesome.github.io
</metadata>
@ -22,7 +22,7 @@ The Fork Awesome font is licensed under the SIL OFL 1.1 (http://scripts.sil.org/
bbox="-0.653061 -264 2304.01 1536.25"
underline-thickness="89.6"
underline-position="-179.2"
unicode-range="U+0020-F2F6"
unicode-range="U+0020-F2F7"
/>
<missing-glyph />
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
@ -1477,6 +1477,9 @@ c18 0 32 -14 32 -32zM1184 1504v-192c0 -18 -14 -32 -32 -32h-256c-18 0 -32 14 -32
<glyph glyph-name="renren" unicode="&#xf18b;"
d="M1133 -34c-109 -60 -234 -94 -368 -94c-133 0 -258 34 -367 94c177 112 320 281 367 479c48 -198 191 -367 368 -479zM638 1394v-485c0 -342 -189 -636 -457 -766c-113 134 -181 306 -181 495c0 380 276 695 638 756zM1536 638c0 -189 -68 -361 -181 -495
c-268 130 -457 424 -457 766v485c362 -61 638 -376 638 -756z" />
<glyph glyph-name="key-modern" unicode="&#xf2f7;" horiz-adv-x="1792"
d="M546 1536v0c139 1 278 -52 383 -158c142 -141 187 -343 137 -525l726 -726v-319c0 -35 -29 -64 -64 -64h-300l-45 45l135 226l-46 45l-225 -135l-45 46l134 225l-45 45l-225 -134l-46 45l135 225l-45 46l-243 -139l-186 186c-182 -50 -382 -5 -524 136
c-211 212 -209 556 4 770c107 106 246 159 385 160zM405 1290v0c-41 0 -82 -16 -113 -47c-63 -63 -63 -163 0 -226s164 -63 227 0s63 163 0 226c-31 31 -73 47 -114 47z" />
<glyph glyph-name="arrow-circle-o-right" unicode="&#xf18e;"
d="M1152 640c0 -8 -3 -17 -9 -23l-320 -320c-6 -6 -15 -9 -23 -9c-17 0 -32 15 -32 32v192h-352c-17 0 -32 15 -32 32v192c0 17 15 32 32 32h352v192c0 18 14 32 32 32c9 0 17 -4 24 -10l319 -319c6 -6 9 -15 9 -23zM1312 640c0 300 -244 544 -544 544s-544 -244 -544 -544
s244 -544 544 -544s544 244 544 544zM1536 640c0 -424 -344 -768 -768 -768s-768 344 -768 768s344 768 768 768s768 -344 768 -768z" />

Before

Width:  |  Height:  |  Size: 430 KiB

After

Width:  |  Height:  |  Size: 431 KiB

View File

@ -809,3 +809,5 @@
.@{fa-css-prefix}-keybase:before { content: @fa-var-keybase; }
.@{fa-css-prefix}-shaarli:before { content: @fa-var-shaarli; }
.@{fa-css-prefix}-shaarli-o:before { content: @fa-var-shaarli-o; }
.@{fa-css-prefix}-cut-key:before,
.@{fa-css-prefix}-key-modern:before { content: @fa-var-key-modern; }

View File

@ -209,6 +209,7 @@
@fa-var-cube: "\f1b2";
@fa-var-cubes: "\f1b3";
@fa-var-cut: "\f0c4";
@fa-var-cut-key: "\f2f7";
@fa-var-cutlery: "\f0f5";
@fa-var-dashboard: "\f0e4";
@fa-var-dashcube: "\f210";
@ -416,6 +417,7 @@
@fa-var-jpy: "\f157";
@fa-var-jsfiddle: "\f1cc";
@fa-var-key: "\f084";
@fa-var-key-modern: "\f2f7";
@fa-var-keybase: "\f2f4";
@fa-var-keyboard-o: "\f11c";
@fa-var-krw: "\f159";

View File

@ -809,3 +809,5 @@
.#{$fa-css-prefix}-keybase:before { content: $fa-var-keybase; }
.#{$fa-css-prefix}-shaarli:before { content: $fa-var-shaarli; }
.#{$fa-css-prefix}-shaarli-o:before { content: $fa-var-shaarli-o; }
.#{$fa-css-prefix}-cut-key:before,
.#{$fa-css-prefix}-key-modern:before { content: $fa-var-key-modern; }

View File

@ -210,6 +210,7 @@ $fa-var-css3: "\f13c";
$fa-var-cube: "\f1b2";
$fa-var-cubes: "\f1b3";
$fa-var-cut: "\f0c4";
$fa-var-cut-key: "\f2f7";
$fa-var-cutlery: "\f0f5";
$fa-var-dashboard: "\f0e4";
$fa-var-dashcube: "\f210";
@ -417,6 +418,7 @@ $fa-var-joomla: "\f1aa";
$fa-var-jpy: "\f157";
$fa-var-jsfiddle: "\f1cc";
$fa-var-key: "\f084";
$fa-var-key-modern: "\f2f7";
$fa-var-keybase: "\f2f4";
$fa-var-keyboard-o: "\f11c";
$fa-var-krw: "\f159";

View File

@ -1770,6 +1770,14 @@
<span class="text-muted">[&amp;#xf0c4;]</span>
</div>
<div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cut-key">&#xf2f7;</i>
fa-cut-key
<span class="text-muted">(alias)</span>
<span class="text-muted">[&amp;#xf2f7;]</span>
</div>
<div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use cutlery">&#xf0f5;</i>
@ -3426,6 +3434,14 @@
<span class="text-muted">[&amp;#xf084;]</span>
</div>
<div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use key-modern">&#xf2f7;</i>
fa-key-modern
<span class="text-muted">[&amp;#xf2f7;]</span>
</div>
<div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
<i class="fa fa-fw" aria-hidden="true" title="Copy to use keybase">&#xf2f4;</i>

217
icon/key-modern/index.html Normal file
View File

@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Fork Awesome, a fork of the iconic font and CSS framework">
<meta name="author" content="Dave Gandy">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
<title>fa-key-modern: Fork Awesome Icons</title>
<!-- CSS
================================================== -->
<link rel="stylesheet" href="../../assets/css/site.css">
<link rel="stylesheet" href="../../assets/css/pygments.css">
<link rel="stylesheet" href="../../assets/css/share.min.css">
<link rel="stylesheet" href="../../assets/fork-awesome/css/fork-awesome.css">
<!--[if lt IE 9]>
<script src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body class="font-awesome ">
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
<div class="navbar navbar-inverse navbar-static-top hidden-print">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<i class="fa fa-bars fa-lg" aria-hidden="true" title="Toggle navigation"></i>
<span class="sr-only">Toggle navigation</span>
</button>
<a class="navbar-brand" href="../../"><i class="fa fa-fork-awesome" aria-hidden="true"></i> Fork Awesome</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="hidden-sm "><a href="../../">Home</a></li>
<li class="hidden-sm">
<a href="../../whats-new/">What's New</a>
</li>
<li class="hidden-xs hidden-md hidden-lg">
<a href="../../whats-new/">New</a>
</li>
<li class="hidden-sm"><a href="../../get-started/">Get Started</a></li>
<li class="hidden-xs hidden-md hidden-lg">
<a href="../../get-started/">Start</a>
</li>
<li class="dropdown-split-left"><a href="../../icons/">Icons</a></li>
<li class="dropdown dropdown-split-right hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
<span class="sr-only">Toggle dropdown menu</span>
<span class="toggle drop down"></span>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="../../icons/"><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
<li class="divider"></li>
<li><a href="../../icons/#new"><i class="fa fa-handshake-o fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.7</a></li>
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
<li><a href="../../icons/#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
<li><a href="../../icons/#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
</ul>
</li>
<li class="dropdown-split-left"><a href="../../examples/">Examples</a></li>
<li class="dropdown dropdown-split-right hidden-xs">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-caret-down" aria-hidden="true" title="Toggle dropdown menu"></i>
<span class="sr-only">Toggle dropdown menu</span>
<span class="toggle drop down"></span>
</a>
<ul class="dropdown-menu pull-right">
<li><a href="../../examples/">Examples</a></li>
<li class="divider"></li>
<li><a href="../../examples/#basic">Basic Icons</a></li>
<li><a href="../../examples/#larger">Larger Icons</a></li>
<li><a href="../../examples/#fixed-width">Fixed Width Icons</a></li>
<li><a href="../../examples/#list">List Icons</a></li>
<li><a href="../../examples/#bordered-pulled">Bordered & Pulled Icons</a></li>
<li><a href="../../examples/#animated">Animated Icons</a></li>
<li><a href="../../examples/#accessible">Accessibility-Minded</a></li>
<li><a href="../../examples/#rotated-flipped">Rotated &amp; Flipped Icons</a></li>
<li><a href="../../examples/#stacked">Stacked Icons</a></li>
<li><a href="../../examples/#bootstrap">Bootstrap 3 Examples</a></li>
<li><a href="../../examples/#custom">Custom CSS</a></li>
</ul>
</li>
<li class="hidden-sm"><a href="../../accessibility/">Accessibility</a></li>
<li class="hidden-xs hidden-md hidden-lg"><a href="../../accessibility/"><i class="fa fa-universal-access"></i></a></li>
<li><a href="../../community/">Community</a></li>
<li><a href="../../license/">License</a></li>
</ul>
</div>
</div>
</div>
<div class="jumbotron jumbotron-icon">
<div class="container">
<div class="info-icons">
<i class="fa fa-key-modern fa-6" aria-hidden="true"></i>
<span class="sr-only">Example of key-modern at 6x</span>&nbsp;&nbsp;
<span class="hide-xs">
<i class="fa fa-key-modern fa-5" aria-hidden="true"></i>
<span class="sr-only">Example of key-modern at 5x</span>
&nbsp;&nbsp;
<span class="hide-sm">
<i class="fa fa-key-modern fa-4" aria-hidden="true"></i>
<span class="sr-only">Example of key-modern at 4x</span>
&nbsp;&nbsp;
</span>
<i class="fa fa-key-modern fa-3" aria-hidden="true"></i>
<span class="sr-only">Example of key-modern at 3x</span>
&nbsp;&nbsp;
<i class="fa fa-key-modern fa-2" aria-hidden="true"></i>
<span class="sr-only">Example of key-modern at 2x</span>
&nbsp;
</span>
<i class="fa fa-key-modern fa-1" aria-hidden="true"></i>
<span class="sr-only">Example of key-modern</span>
</div>
<h1 class="info-class">
fa-key-modern
<small>
<i class="fa fa-key-modern" aria-hidden="true"></i> &middot;
Unicode: <span class="upper">f2f7</span> &middot;
Created: v1.0 &middot;
Categories:
Web Application Icons
&middot; Aliases:
fa-cut-key
&middot; <a target="_blank" rel="nofollow" href="http://github.com/shaarli/Shaarli">github.com/shaarli/Shaarli<i class="fa fa-external-link-square margin-left-sm"></i></a>
</small>
</h1>
</div>
</div>
<div class="container">
<section>
<div class="row">
<div class="col-md-12 col-sm-12">
<p>After you get <a href="../../get-started/">up and running</a>, you can place Fork Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
<div class="well well-transparent">
<div style="font-size: 24px; line-height: 1.5em;">
<i class="fa fa-key-modern" aria-hidden="true"></i><span class="sr-only">Example of key-modern</span> fa-key-modern
</div>
</div>
<div class="highlight"><pre><code class="html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">&quot;fa fa-key-modern&quot;</span> <span class="na">aria-hidden=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;&lt;/i&gt;</span>
</code></pre></div>
<p class="margin-bottom-lg">
<small class="text-muted">Note: to improve <a href="../../accessibility/">web accessibility</a>, we recommend using <strong>aria-hidden="true"</strong> to hide icons used purely for decoration.</small>
</p>
<div class="lead">
<i class="fa fa-info-circle" aria-hidden"true"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.
</div>
</div>
</div>
</section>
</div>
</div>
<footer id="footer" class="footer hidden-print">
<div class="container text-center">
<div>
<i class="fa fa-fork" aria-hidden="true"></i> Fork Awesome 1.0.5
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
A fork of Font Awesome, originally created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
</div>
<div>
Fork Awesome is licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
<span class="hide-xs">&middot;</span><br class="hide-sm hide-md hide-lg">
Code is licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
<span class="hide-xs hide-sm">&middot;</span><br class="hide-md hide-lg">
Documentation is licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
</div>
<div class="project">
<a href="https://github.com/ForkAwesome/Fork-Awesome">GitHub Project</a> &middot;
<a href="https://github.com/ForkAwesome/Fork-Awesome/issues">Issues</a>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="../../assets/js/site.js"></script>
<script src="../../assets/js/share.min.js"></script>
</body>
</html>

View File

@ -121,7 +121,7 @@
<div class="container">
<h1><i class="fa fa-fork-awesome" aria-hidden="true"></i>&nbsp; The Icons</h1>
<p>The complete set of 694 icons in Fork Awesome 1.0.5</p>
<p>The complete set of 695 icons in Fork Awesome 1.0.5</p>
</div>
</div>
@ -130,7 +130,7 @@
<div class="container" data-view="search">
<div id="icons">
<section id="new">
<h2 class="page-header">22 New Icons in 1.0</h2>
<h2 class="page-header">23 New Icons in 1.0</h2>
<div class="row fontawesome-icon-list">
@ -141,6 +141,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/artstation"><i class="fa fa-artstation" aria-hidden="true"></i> <span class="sr-only">Example of </span>artstation</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key-modern"><i class="fa fa-cut-key" aria-hidden="true"></i> <span class="sr-only">Example of </span>cut-key <span class="text-muted">(alias)</span></a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/discord"><i class="fa fa-discord" aria-hidden="true"></i> <span class="sr-only">Example of </span>discord</a></div>
@ -159,6 +161,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hubzilla"><i class="fa fa-hubzilla" aria-hidden="true"></i> <span class="sr-only">Example of </span>hubzilla</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key-modern"><i class="fa fa-key-modern" aria-hidden="true"></i> <span class="sr-only">Example of </span>key-modern</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/keybase"><i class="fa fa-keybase" aria-hidden="true"></i> <span class="sr-only">Example of </span>keybase</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/liberapay"><i class="fa fa-liberapay" aria-hidden="true"></i> <span class="sr-only">Example of </span>liberapay</a></div>
@ -436,6 +440,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cubes"><i class="fa fa-cubes" aria-hidden="true"></i> <span class="sr-only">Example of </span>cubes</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key-modern"><i class="fa fa-cut-key" aria-hidden="true"></i> <span class="sr-only">Example of </span>cut-key <span class="text-muted">(alias)</span></a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cutlery"><i class="fa fa-cutlery" aria-hidden="true"></i> <span class="sr-only">Example of </span>cutlery</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/tachometer"><i class="fa fa-dashboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>dashboard <span class="text-muted">(alias)</span></a></div>
@ -668,6 +674,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key"><i class="fa fa-key" aria-hidden="true"></i> <span class="sr-only">Example of </span>key</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key-modern"><i class="fa fa-key-modern" aria-hidden="true"></i> <span class="sr-only">Example of </span>key-modern</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/keyboard-o"><i class="fa fa-keyboard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>keyboard-o</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/language"><i class="fa fa-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>language</a></div>

View File

@ -218,7 +218,7 @@
<section id="why" class="feature-list">
<div class="row">
<div class="col-md-4 col-sm-6">
<h4><i class="fa fa-fork-awesome" aria-hidden="true"></i> One Font, 694 Icons</h4>
<h4><i class="fa fa-fork-awesome" aria-hidden="true"></i> One Font, 695 Icons</h4>
In a single collection, Fork Awesome is a pictographic language of web-related actions.
</div>
<div class="col-md-4 col-sm-6">

View File

@ -705,6 +705,7 @@
<i class="fa fa-keybase"></i>
<i class="fa fa-shaarli"></i>
<i class="fa fa-shaarli-o"></i>
<i class="fa fa-key-modern"></i>
</div>
</div>
@ -2100,6 +2101,8 @@
<i class="fa">&#xf2f6</i>
<i class="fa">&#xf2f7</i>
</div>
<div>
@ -4488,6 +4491,10 @@
<i class="fa">&#xf2f7</i>
</div>
@ -6276,6 +6283,8 @@
<i class="fa">&#xf2f6</i>
</div>

View File

@ -207,10 +207,10 @@
</div>
<section id="new">
<h2 class="page-header">22 New Icons in 1.0</h2>
<h2 class="page-header">23 New Icons in 1.0</h2>
<div class="margin-botom-large">
You asked, Fork Awesome delivers with 22 shiny new icons in version 1.0.
You asked, Fork Awesome delivers with 23 shiny new icons in version 1.0.
Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>.
</div>
@ -223,6 +223,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/artstation"><i class="fa fa-artstation" aria-hidden="true"></i> <span class="sr-only">Example of </span>artstation</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key-modern"><i class="fa fa-cut-key" aria-hidden="true"></i> <span class="sr-only">Example of </span>cut-key <span class="text-muted">(alias)</span></a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/discord"><i class="fa fa-discord" aria-hidden="true"></i> <span class="sr-only">Example of </span>discord</a></div>
@ -241,6 +243,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/hubzilla"><i class="fa fa-hubzilla" aria-hidden="true"></i> <span class="sr-only">Example of </span>hubzilla</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/key-modern"><i class="fa fa-key-modern" aria-hidden="true"></i> <span class="sr-only">Example of </span>key-modern</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/keybase"><i class="fa fa-keybase" aria-hidden="true"></i> <span class="sr-only">Example of </span>keybase</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/liberapay"><i class="fa fa-liberapay" aria-hidden="true"></i> <span class="sr-only">Example of </span>liberapay</a></div>