new version Thu Feb 22 18:32:07 EST 2018

This commit is contained in:
Julien Deswaef 2018-02-22 18:32:07 -05:00
parent 48adf6d2f8
commit 1864504562
26 changed files with 1065 additions and 4994 deletions

View File

@ -1,4 +1,4 @@
PATH := ../node_modules/.bin:$(PATH)
PATH := ../node_modules/.bin:$(PATH)
FA_ROOT_DIRECTORY = assets/fork-awesome
FA_LESS_DIRECTORY = assets/fork-awesome/less
@ -23,18 +23,19 @@ build:
bundle exec lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
bundle exec lessc --clean-css="--compatibility=ie8" ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
# sass ${FA_SCSS_MODERN} ${FA_CSS_MODERN}
# sass ${FA_SCSS_MODERN} ${FA_CSS_MODERN}
bundle exec lessc --clean-css="--compatibility=ie8" ${SITE_LESS} > ${SITE_CSS}
@echo "Moving font filse and README"
cp -r ${FA_ROOT_DIRECTORY}/* ../
@echo "Moving font files and README"
cp -r ../fonts ${FA_ROOT_DIRECTORY}/
mv README.md-nobuild ../README.md
@echo "Generating zip file"
cd assets && mv fork-awesome fork-awesome-1.0.3 && zip -r9 fork-awesome-1.0.3.zip fork-awesome-1.0.3 && mv fork-awesome-1.0.3 fork-awesome
find .. -type f ! -perm 644 -exec chmod 644 {} \;
# TODO: figure out why this was here and remove it if unused. It blocked running local less version
# find .. -type f ! -perm 644 -exec chmod 644 {} \;
default: build

86
README.md-nobuild Normal file
View File

@ -0,0 +1,86 @@
# Fork Awesome
### A fork of the iconic font and CSS toolkit
Fork Awesome is a full suite of 692 pictographic icons for easy scalable vector graphics on websites, originally created by [Dave Gandy](https://twitter.com/davegandy) and now maintained by a community.
Following concerns regarding [the development of Font Awesome](https://github.com/FortAwesome/Font-Awesome/issues/12199#issuecomment-362919956), the PR Freeze since Oct 2016 and the direction Fort Awesome is taking with the version 5.0 of their project, we are forking Font Awesome (4.7), in order to build on this incredible tool Dave Gandy has given us, while at the same time allowing this project to be run by a distributed community of contributors.
A tremendous gratitude is given to the whole team behind [Font Awesome](https://fontawesome.com), and you are encouraged to support them and buy Font Awesome Pro for your project.
Though If you believe in distributed open source design and wish to be part of this new adventure, please start submitting patches and suggestions of improvement.
## License
- The Fork Awesome font is licensed under the SIL OFL 1.1:
- http://scripts.sil.org/OFL
- Fork Awesome CSS, LESS, and Sass files are licensed under the MIT License:
- https://opensource.org/licenses/mit-license.html
- The Fork Awesome documentation is licensed under the CC BY 3.0 License:
- https://creativecommons.org/licenses/by/3.0/
## Contributing
Please read through our [contributing guidelines](https://github.com/ForkAwesome/Fork-Awesome/blob/master/CONTRIBUTING.md).
Included are directions for opening issues, coding standards, and notes on development.
## Versioning
Fork Awesome will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered
with the following format:
`<major>.<minor>.<patch>`
And constructed with the following guidelines:
* Breaking backward compatibility bumps the major (and resets the minor and patch)
* New additions, including new icons, without breaking backward compatibility bumps the minor (and resets the patch)
* Bug fixes, changes to brand logos, and misc changes bumps the patch
* The fork started from FontAwesome 4.7 (last commit by Dave is [bdfa9823](https://github.com/ForkAwesome/Fork-Awesome/commits/master?after=b0bc8f6fb74e05c987ef7ce1525cd3ab8390a1c3+69)).
* The project starts at version 1.0.0. All references to versions before the fork are named 0.4.7
For more information on SemVer, please visit http://semver.org.
## Original author of Font Awesome:
- [Dave Gandy](https://github.com/davegandy)
## Component
To include as a [component](https://github.com/componentjs/component), just run
$ component install ForkAwesome/Fork-Awesome
Or add
"ForkAwesome/Fork-Awesome": "*"
to the `dependencies` in your `component.json`.
## Building on Fork Awesome
**Before you can build the project**, you must first have the following installed:
- [Ruby](https://www.ruby-lang.org/en/)
- Ruby Development Headers
- **Ubuntu:** `sudo apt-get install ruby-dev` *(Only if you're __NOT__ using `rbenv` or `rvm`)*
- **Windows:** [DevKit](http://rubyinstaller.org/)
- [Bundler](http://bundler.io/) (Run `gem install bundler` to install).
- [Node Package Manager (aka. `npm`)](https://docs.npmjs.com/getting-started/installing-node)
From the root of the repository, install the tools used to develop.
$ bundle install
$ npm install
Build the font:
$:/src/icons make
Build the web documentation:
$ npm run build
Or serve it on a local server on http://localhost:7998/Fork-Awesome/:
$ npm run dev
To deploy the project and documentation on GH pages:
$ jgd -n

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 151 KiB

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 425 KiB

View File

@ -803,3 +803,7 @@
.@{fa-css-prefix}-discord:before { content: @fa-var-discord; }
.@{fa-css-prefix}-discord-alt:before { content: @fa-var-discord-alt; }
.@{fa-css-prefix}-patreon:before { content: @fa-var-patreon; }
.@{fa-css-prefix}-snowdrift:before { content: @fa-var-snowdrift; }
.@{fa-css-prefix}-activitypub:before { content: @fa-var-activitypub; }
.@{fa-css-prefix}-ethereum:before { content: @fa-var-ethereum; }
.@{fa-css-prefix}-keybase:before { content: @fa-var-keybase; }

View File

@ -12,6 +12,7 @@
@fa-li-width: (30em / 14);
@fa-var-500px: "\f26e";
@fa-var-activitypub: "\f2f2";
@fa-var-address-book: "\f2b9";
@fa-var-address-book-o: "\f2ba";
@fa-var-address-card: "\f2bb";
@ -245,6 +246,7 @@
@fa-var-envelope-square: "\f199";
@fa-var-envira: "\f299";
@fa-var-eraser: "\f12d";
@fa-var-ethereum: "\f2f3";
@fa-var-etsy: "\f2d7";
@fa-var-eur: "\f153";
@fa-var-euro: "\f153";
@ -414,6 +416,7 @@
@fa-var-jpy: "\f157";
@fa-var-jsfiddle: "\f1cc";
@fa-var-key: "\f084";
@fa-var-keybase: "\f2f4";
@fa-var-keyboard-o: "\f11c";
@fa-var-krw: "\f159";
@fa-var-language: "\f1ab";
@ -624,6 +627,7 @@
@fa-var-snapchat: "\f2ab";
@fa-var-snapchat-ghost: "\f2ac";
@fa-var-snapchat-square: "\f2ad";
@fa-var-snowdrift: "\f2f1";
@fa-var-snowflake-o: "\f2dc";
@fa-var-soccer-ball-o: "\f1e3";
@fa-var-social-home: "\f2ec";

View File

@ -803,3 +803,7 @@
.#{$fa-css-prefix}-discord:before { content: $fa-var-discord; }
.#{$fa-css-prefix}-discord-alt:before { content: $fa-var-discord-alt; }
.#{$fa-css-prefix}-patreon:before { content: $fa-var-patreon; }
.#{$fa-css-prefix}-snowdrift:before { content: $fa-var-snowdrift; }
.#{$fa-css-prefix}-activitypub:before { content: $fa-var-activitypub; }
.#{$fa-css-prefix}-ethereum:before { content: $fa-var-ethereum; }
.#{$fa-css-prefix}-keybase:before { content: $fa-var-keybase; }

View File

@ -13,6 +13,7 @@ $fa-inverse: #fff !default;
$fa-li-width: (30em / 14) !default;
$fa-var-500px: "\f26e";
$fa-var-activitypub: "\f2f2";
$fa-var-address-book: "\f2b9";
$fa-var-address-book-o: "\f2ba";
$fa-var-address-card: "\f2bb";
@ -246,6 +247,7 @@ $fa-var-envelope-open-o: "\f2b7";
$fa-var-envelope-square: "\f199";
$fa-var-envira: "\f299";
$fa-var-eraser: "\f12d";
$fa-var-ethereum: "\f2f3";
$fa-var-etsy: "\f2d7";
$fa-var-eur: "\f153";
$fa-var-euro: "\f153";
@ -415,6 +417,7 @@ $fa-var-joomla: "\f1aa";
$fa-var-jpy: "\f157";
$fa-var-jsfiddle: "\f1cc";
$fa-var-key: "\f084";
$fa-var-keybase: "\f2f4";
$fa-var-keyboard-o: "\f11c";
$fa-var-krw: "\f159";
$fa-var-language: "\f1ab";
@ -625,6 +628,7 @@ $fa-var-smile-o: "\f118";
$fa-var-snapchat: "\f2ab";
$fa-var-snapchat-ghost: "\f2ac";
$fa-var-snapchat-square: "\f2ad";
$fa-var-snowdrift: "\f2f1";
$fa-var-snowflake-o: "\f2dc";
$fa-var-soccer-ball-o: "\f1e3";
$fa-var-social-home: "\f2ec";

View File

@ -159,6 +159,14 @@
<span class="text-muted">[&amp;#xf26e;]</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 activitypub">&#xf2f2;</i>
fa-activitypub
<span class="text-muted">[&amp;#xf2f2;]</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 address-book">&#xf2b9;</i>
@ -2023,6 +2031,14 @@
<span class="text-muted">[&amp;#xf12d;]</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 ethereum">&#xf2f3;</i>
fa-ethereum
<span class="text-muted">[&amp;#xf2f3;]</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 etsy">&#xf2d7;</i>
@ -3375,6 +3391,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 keybase">&#xf2f4;</i>
fa-keybase
<span class="text-muted">[&amp;#xf2f4;]</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 keyboard-o">&#xf11c;</i>
@ -5055,6 +5079,14 @@
<span class="text-muted">[&amp;#xf2ad;]</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 snowdrift">&#xf2f1;</i>
fa-snowdrift
<span class="text-muted">[&amp;#xf2f1;]</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 snowflake-o">&#xf2dc;</i>

212
icon/activitypub/index.html Normal file
View File

@ -0,0 +1,212 @@
<!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-activitypub: 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/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-activitypub fa-6" aria-hidden="true"></i>
<span class="sr-only">Example of activitypub at 6x</span>&nbsp;&nbsp;
<span class="hide-xs">
<i class="fa fa-activitypub fa-5" aria-hidden="true"></i>
<span class="sr-only">Example of activitypub at 5x</span>
&nbsp;&nbsp;
<span class="hide-sm">
<i class="fa fa-activitypub fa-4" aria-hidden="true"></i>
<span class="sr-only">Example of activitypub at 4x</span>
&nbsp;&nbsp;
</span>
<i class="fa fa-activitypub fa-3" aria-hidden="true"></i>
<span class="sr-only">Example of activitypub at 3x</span>
&nbsp;&nbsp;
<i class="fa fa-activitypub fa-2" aria-hidden="true"></i>
<span class="sr-only">Example of activitypub at 2x</span>
&nbsp;
</span>
<i class="fa fa-activitypub fa-1" aria-hidden="true"></i>
<span class="sr-only">Example of activitypub</span>
</div>
<h1 class="info-class">
fa-activitypub
<small>
<i class="fa fa-activitypub" aria-hidden="true"></i> &middot;
Unicode: <span class="upper">f2f2</span> &middot;
Created: v1.0 &middot;
Categories:
Brand Icons
&middot; <a target="_blank" rel="nofollow" href="http://activitypub.rocks">activitypub.rocks<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-activitypub" aria-hidden="true"></i><span class="sr-only">Example of activitypub</span> fa-activitypub
</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-activitypub&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.3
<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://platform.twitter.com/widgets.js"></script>
<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/search.js"></script>
</body>
</html>

View File

@ -145,6 +145,8 @@
Created: v0.4 &middot;
Categories:
Payment Icons,
Currency Icons,
Brand Icons

214
icon/ethereum/index.html Normal file
View File

@ -0,0 +1,214 @@
<!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-ethereum: 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/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-ethereum fa-6" aria-hidden="true"></i>
<span class="sr-only">Example of ethereum at 6x</span>&nbsp;&nbsp;
<span class="hide-xs">
<i class="fa fa-ethereum fa-5" aria-hidden="true"></i>
<span class="sr-only">Example of ethereum at 5x</span>
&nbsp;&nbsp;
<span class="hide-sm">
<i class="fa fa-ethereum fa-4" aria-hidden="true"></i>
<span class="sr-only">Example of ethereum at 4x</span>
&nbsp;&nbsp;
</span>
<i class="fa fa-ethereum fa-3" aria-hidden="true"></i>
<span class="sr-only">Example of ethereum at 3x</span>
&nbsp;&nbsp;
<i class="fa fa-ethereum fa-2" aria-hidden="true"></i>
<span class="sr-only">Example of ethereum at 2x</span>
&nbsp;
</span>
<i class="fa fa-ethereum fa-1" aria-hidden="true"></i>
<span class="sr-only">Example of ethereum</span>
</div>
<h1 class="info-class">
fa-ethereum
<small>
<i class="fa fa-ethereum" aria-hidden="true"></i> &middot;
Unicode: <span class="upper">f2f3</span> &middot;
Created: v1.0 &middot;
Categories:
Payment Icons,
Brand Icons
&middot; <a target="_blank" rel="nofollow" href="http://ethereum.org">ethereum.org<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-ethereum" aria-hidden="true"></i><span class="sr-only">Example of ethereum</span> fa-ethereum
</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-ethereum&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.3
<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://platform.twitter.com/widgets.js"></script>
<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/search.js"></script>
</body>
</html>

212
icon/keybase/index.html Normal file
View File

@ -0,0 +1,212 @@
<!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-keybase: 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/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-keybase fa-6" aria-hidden="true"></i>
<span class="sr-only">Example of keybase at 6x</span>&nbsp;&nbsp;
<span class="hide-xs">
<i class="fa fa-keybase fa-5" aria-hidden="true"></i>
<span class="sr-only">Example of keybase at 5x</span>
&nbsp;&nbsp;
<span class="hide-sm">
<i class="fa fa-keybase fa-4" aria-hidden="true"></i>
<span class="sr-only">Example of keybase at 4x</span>
&nbsp;&nbsp;
</span>
<i class="fa fa-keybase fa-3" aria-hidden="true"></i>
<span class="sr-only">Example of keybase at 3x</span>
&nbsp;&nbsp;
<i class="fa fa-keybase fa-2" aria-hidden="true"></i>
<span class="sr-only">Example of keybase at 2x</span>
&nbsp;
</span>
<i class="fa fa-keybase fa-1" aria-hidden="true"></i>
<span class="sr-only">Example of keybase</span>
</div>
<h1 class="info-class">
fa-keybase
<small>
<i class="fa fa-keybase" aria-hidden="true"></i> &middot;
Unicode: <span class="upper">f2f4</span> &middot;
Created: v1.0 &middot;
Categories:
Brand Icons
&middot; <a target="_blank" rel="nofollow" href="http://keybase.io">keybase.io<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-keybase" aria-hidden="true"></i><span class="sr-only">Example of keybase</span> fa-keybase
</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-keybase&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.3
<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://platform.twitter.com/widgets.js"></script>
<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/search.js"></script>
</body>
</html>

212
icon/snowdrift/index.html Normal file
View File

@ -0,0 +1,212 @@
<!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-snowdrift: 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/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-snowdrift fa-6" aria-hidden="true"></i>
<span class="sr-only">Example of snowdrift at 6x</span>&nbsp;&nbsp;
<span class="hide-xs">
<i class="fa fa-snowdrift fa-5" aria-hidden="true"></i>
<span class="sr-only">Example of snowdrift at 5x</span>
&nbsp;&nbsp;
<span class="hide-sm">
<i class="fa fa-snowdrift fa-4" aria-hidden="true"></i>
<span class="sr-only">Example of snowdrift at 4x</span>
&nbsp;&nbsp;
</span>
<i class="fa fa-snowdrift fa-3" aria-hidden="true"></i>
<span class="sr-only">Example of snowdrift at 3x</span>
&nbsp;&nbsp;
<i class="fa fa-snowdrift fa-2" aria-hidden="true"></i>
<span class="sr-only">Example of snowdrift at 2x</span>
&nbsp;
</span>
<i class="fa fa-snowdrift fa-1" aria-hidden="true"></i>
<span class="sr-only">Example of snowdrift</span>
</div>
<h1 class="info-class">
fa-snowdrift
<small>
<i class="fa fa-snowdrift" aria-hidden="true"></i> &middot;
Unicode: <span class="upper">f2f1</span> &middot;
Created: v1.0 &middot;
Categories:
Brand Icons
&middot; <a target="_blank" rel="nofollow" href="http://snowdrift.coop">snowdrift.coop<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-snowdrift" aria-hidden="true"></i><span class="sr-only">Example of snowdrift</span> fa-snowdrift
</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-snowdrift&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.3
<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://platform.twitter.com/widgets.js"></script>
<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/search.js"></script>
</body>
</html>

View File

@ -120,7 +120,7 @@
<div class="container">
<h1><i class="fa fa-fork-awesome" aria-hidden="true"></i>&nbsp; The Icons</h1>
<p>The complete set of 688 icons in Fork Awesome 1.0.3</p>
<p>The complete set of 692 icons in Fork Awesome 1.0.3</p>
</div>
</div>
@ -129,13 +129,15 @@
<div class="container" data-view="search">
<div id="icons">
<section id="new">
<h2 class="page-header">16 New Icons in 1.0</h2>
<h2 class="page-header">20 New Icons in 1.0</h2>
<div class="row fontawesome-icon-list">
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/activitypub"><i class="fa fa-activitypub" aria-hidden="true"></i> <span class="sr-only">Example of </span>activitypub</a></div>
<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/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div>
@ -144,6 +146,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/discord-alt"><i class="fa fa-discord-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>discord-alt</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ethereum"><i class="fa fa-ethereum" aria-hidden="true"></i> <span class="sr-only">Example of </span>ethereum</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-awesome</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-circle <span class="text-muted">(alias)</span></a></div>
@ -154,6 +158,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/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>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/liberapay-square"><i class="fa fa-liberapay-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>liberapay-square</a></div>
@ -168,6 +174,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scuttlebutt"><i class="fa fa-scuttlebutt" aria-hidden="true"></i> <span class="sr-only">Example of </span>scuttlebutt</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snowdrift"><i class="fa fa-snowdrift" aria-hidden="true"></i> <span class="sr-only">Example of </span>snowdrift</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/social-home"><i class="fa fa-social-home" aria-hidden="true"></i> <span class="sr-only">Example of </span>social-home</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scuttlebutt"><i class="fa fa-ssb" aria-hidden="true"></i> <span class="sr-only">Example of </span>ssb <span class="text-muted">(alias)</span></a></div>
@ -1418,6 +1426,10 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/btc"><i class="fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Example of </span>btc</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-amex"><i class="fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-amex</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/cc-diners-club"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-diners-club</a></div>
@ -1438,6 +1450,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/credit-card-alt"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card-alt</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ethereum"><i class="fa fa-ethereum" aria-hidden="true"></i> <span class="sr-only">Example of </span>ethereum</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/google-wallet"><i class="fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-wallet</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>
@ -1826,6 +1840,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/500px"><i class="fa fa-500px" aria-hidden="true"></i> <span class="sr-only">Example of </span>500px</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/activitypub"><i class="fa fa-activitypub" aria-hidden="true"></i> <span class="sr-only">Example of </span>activitypub</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/adn"><i class="fa fa-adn" aria-hidden="true"></i> <span class="sr-only">Example of </span>adn</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/amazon"><i class="fa fa-amazon" aria-hidden="true"></i> <span class="sr-only">Example of </span>amazon</a></div>
@ -1916,6 +1932,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/envira"><i class="fa fa-envira" aria-hidden="true"></i> <span class="sr-only">Example of </span>envira</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ethereum"><i class="fa fa-ethereum" aria-hidden="true"></i> <span class="sr-only">Example of </span>ethereum</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/etsy"><i class="fa fa-etsy" aria-hidden="true"></i> <span class="sr-only">Example of </span>etsy</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/expeditedssl"><i class="fa fa-expeditedssl" aria-hidden="true"></i> <span class="sr-only">Example of </span>expeditedssl</a></div>
@ -2018,6 +2036,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/jsfiddle"><i class="fa fa-jsfiddle" aria-hidden="true"></i> <span class="sr-only">Example of </span>jsfiddle</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/lastfm"><i class="fa fa-lastfm" aria-hidden="true"></i> <span class="sr-only">Example of </span>lastfm</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/lastfm-square"><i class="fa fa-lastfm-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>lastfm-square</a></div>
@ -2130,6 +2150,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snapchat-square"><i class="fa fa-snapchat-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>snapchat-square</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snowdrift"><i class="fa fa-snowdrift" aria-hidden="true"></i> <span class="sr-only">Example of </span>snowdrift</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/social-home"><i class="fa fa-social-home" aria-hidden="true"></i> <span class="sr-only">Example of </span>social-home</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/soundcloud"><i class="fa fa-soundcloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>soundcloud</a></div>

View File

@ -183,7 +183,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, 688 Icons</h4>
<h4><i class="fa fa-fork-awesome" aria-hidden="true"></i> One Font, 692 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

@ -699,6 +699,10 @@
<i class="fa fa-discord"></i>
<i class="fa fa-discord-alt"></i>
<i class="fa fa-patreon"></i>
<i class="fa fa-snowdrift"></i>
<i class="fa fa-activitypub"></i>
<i class="fa fa-ethereum"></i>
<i class="fa fa-keybase"></i>
</div>
</div>
@ -2082,6 +2086,14 @@
<i class="fa">&#xf2f0</i>
<i class="fa">&#xf2f1</i>
<i class="fa">&#xf2f2</i>
<i class="fa">&#xf2f3</i>
<i class="fa">&#xf2f4</i>
</div>
<div>
@ -4451,6 +4463,14 @@
@ -6222,6 +6242,22 @@
<i class="fa">&#xf2f0</i>
<i class="fa">&#xf2f1</i>
<i class="fa">&#xf2f2</i>
<i class="fa">&#xf2f3</i>
<i class="fa">&#xf2f4</i>
</div>

View File

@ -172,10 +172,10 @@
</div>
<section id="new">
<h2 class="page-header">16 New Icons in 1.0</h2>
<h2 class="page-header">20 New Icons in 1.0</h2>
<div class="margin-botom-large">
You asked, Fork Awesome delivers with 16 shiny new icons in version 1.0.
You asked, Fork Awesome delivers with 20 shiny new icons in version 1.0.
Want to request new icons? <a href="../community/#requesting-new-icons">Here's how</a>.
</div>
@ -184,6 +184,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/activitypub"><i class="fa fa-activitypub" aria-hidden="true"></i> <span class="sr-only">Example of </span>activitypub</a></div>
<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/diaspora"><i class="fa fa-diaspora" aria-hidden="true"></i> <span class="sr-only">Example of </span>diaspora</a></div>
@ -192,6 +194,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/discord-alt"><i class="fa fa-discord-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>discord-alt</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/ethereum"><i class="fa fa-ethereum" aria-hidden="true"></i> <span class="sr-only">Example of </span>ethereum</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-awesome</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/fork-awesome"><i class="fa fa-fork-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>fork-circle <span class="text-muted">(alias)</span></a></div>
@ -202,6 +206,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/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>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/liberapay-square"><i class="fa fa-liberapay-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>liberapay-square</a></div>
@ -216,6 +222,8 @@
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scuttlebutt"><i class="fa fa-scuttlebutt" aria-hidden="true"></i> <span class="sr-only">Example of </span>scuttlebutt</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/snowdrift"><i class="fa fa-snowdrift" aria-hidden="true"></i> <span class="sr-only">Example of </span>snowdrift</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/social-home"><i class="fa fa-social-home" aria-hidden="true"></i> <span class="sr-only">Example of </span>social-home</a></div>
<div class="fa-hover col-md-3 col-sm-4"><a href="../icon/scuttlebutt"><i class="fa fa-ssb" aria-hidden="true"></i> <span class="sr-only">Example of </span>ssb <span class="text-muted">(alias)</span></a></div>