mirror of
https://github.com/ForkAwesome/Fork-Awesome.git
synced 2025-01-24 14:10:31 +08:00
updating to fort awesome name
This commit is contained in:
Dave Gandy
parent
bb6cc81d6a
commit
82aef1efcd
@ -5721,94 +5721,94 @@ button.list-group-item-danger.active:focus {
|
||||
border-bottom-color: #dddddd;
|
||||
}
|
||||
.panel-primary {
|
||||
border-color: #337ab7;
|
||||
border-color: #99bddb;
|
||||
}
|
||||
.panel-primary > .panel-heading {
|
||||
color: #ffffff;
|
||||
background-color: #337ab7;
|
||||
border-color: #337ab7;
|
||||
border-color: #99bddb;
|
||||
}
|
||||
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
|
||||
border-top-color: #337ab7;
|
||||
border-top-color: #99bddb;
|
||||
}
|
||||
.panel-primary > .panel-heading .badge {
|
||||
color: #337ab7;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
|
||||
border-bottom-color: #337ab7;
|
||||
border-bottom-color: #99bddb;
|
||||
}
|
||||
.panel-success {
|
||||
border-color: #e0f1e9;
|
||||
border-color: #8eceba;
|
||||
}
|
||||
.panel-success > .panel-heading {
|
||||
color: #1d9d74;
|
||||
background-color: #f1f9f7;
|
||||
border-color: #e0f1e9;
|
||||
color: #ffffff;
|
||||
background-color: #1d9d74;
|
||||
border-color: #8eceba;
|
||||
}
|
||||
.panel-success > .panel-heading + .panel-collapse > .panel-body {
|
||||
border-top-color: #e0f1e9;
|
||||
border-top-color: #8eceba;
|
||||
}
|
||||
.panel-success > .panel-heading .badge {
|
||||
color: #f1f9f7;
|
||||
background-color: #1d9d74;
|
||||
color: #1d9d74;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.panel-success > .panel-footer + .panel-collapse > .panel-body {
|
||||
border-bottom-color: #e0f1e9;
|
||||
border-bottom-color: #8eceba;
|
||||
}
|
||||
.panel-info {
|
||||
border-color: #ccf3ff;
|
||||
border-color: #ade0ef;
|
||||
}
|
||||
.panel-info > .panel-heading {
|
||||
color: #007dbc;
|
||||
background-color: #f0f9ff;
|
||||
border-color: #ccf3ff;
|
||||
color: #ffffff;
|
||||
background-color: #5bc0de;
|
||||
border-color: #ade0ef;
|
||||
}
|
||||
.panel-info > .panel-heading + .panel-collapse > .panel-body {
|
||||
border-top-color: #ccf3ff;
|
||||
border-top-color: #ade0ef;
|
||||
}
|
||||
.panel-info > .panel-heading .badge {
|
||||
color: #f0f9ff;
|
||||
background-color: #007dbc;
|
||||
color: #5bc0de;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.panel-info > .panel-footer + .panel-collapse > .panel-body {
|
||||
border-bottom-color: #ccf3ff;
|
||||
border-bottom-color: #ade0ef;
|
||||
}
|
||||
.panel-warning {
|
||||
border-color: #faebcc;
|
||||
border-color: #f8d6a7;
|
||||
}
|
||||
.panel-warning > .panel-heading {
|
||||
color: #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
border-color: #faebcc;
|
||||
color: #ffffff;
|
||||
background-color: #f0ad4e;
|
||||
border-color: #f8d6a7;
|
||||
}
|
||||
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
|
||||
border-top-color: #faebcc;
|
||||
border-top-color: #f8d6a7;
|
||||
}
|
||||
.panel-warning > .panel-heading .badge {
|
||||
color: #fcf8e3;
|
||||
background-color: #8a6d3b;
|
||||
color: #f0ad4e;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
|
||||
border-bottom-color: #faebcc;
|
||||
border-bottom-color: #f8d6a7;
|
||||
}
|
||||
.panel-danger {
|
||||
border-color: #f7d8dd;
|
||||
border-color: #eca9a7;
|
||||
}
|
||||
.panel-danger > .panel-heading {
|
||||
color: #d9534f;
|
||||
background-color: #fbeeed;
|
||||
border-color: #f7d8dd;
|
||||
color: #ffffff;
|
||||
background-color: #d9534f;
|
||||
border-color: #eca9a7;
|
||||
}
|
||||
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
|
||||
border-top-color: #f7d8dd;
|
||||
border-top-color: #eca9a7;
|
||||
}
|
||||
.panel-danger > .panel-heading .badge {
|
||||
color: #fbeeed;
|
||||
background-color: #d9534f;
|
||||
color: #d9534f;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
|
||||
border-bottom-color: #f7d8dd;
|
||||
border-bottom-color: #eca9a7;
|
||||
}
|
||||
.embed-responsive {
|
||||
position: relative;
|
||||
@ -7058,6 +7058,59 @@ h1.info-class {
|
||||
.alert-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.alert-default {
|
||||
background-color: transparent;
|
||||
border-color: #ebebeb;
|
||||
color: #333333;
|
||||
}
|
||||
.alert-default hr {
|
||||
border-top-color: #dedede;
|
||||
}
|
||||
.alert-default .alert-link {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
.alert-well {
|
||||
background-color: #f5f5f5;
|
||||
border-color: #dddddd;
|
||||
color: #333333;
|
||||
}
|
||||
.alert-well hr {
|
||||
border-top-color: #d0d0d0;
|
||||
}
|
||||
.alert-well .alert-link {
|
||||
color: #1a1a1a;
|
||||
}
|
||||
.alert-well-alt {
|
||||
background-color: #f5f5f5;
|
||||
border-color: #dddddd;
|
||||
color: #737373;
|
||||
}
|
||||
.alert-well-alt hr {
|
||||
border-top-color: #d0d0d0;
|
||||
}
|
||||
.alert-well-alt .alert-link {
|
||||
color: #595959;
|
||||
}
|
||||
.tooltip {
|
||||
font-size: 14px;
|
||||
}
|
||||
.tooltip-inner {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.panel {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.panel-heading {
|
||||
margin: -1px;
|
||||
border-bottom-width: 0;
|
||||
padding: 11px 15px;
|
||||
}
|
||||
.panel-default .panel-heading {
|
||||
margin: 0;
|
||||
border-bottom-width: 1px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.modal-md {
|
||||
width: 450px;
|
||||
@ -7506,6 +7559,9 @@ label.error {
|
||||
#no-search-results {
|
||||
display: none;
|
||||
}
|
||||
.valign-baseline {
|
||||
vertical-align: baseline !important;
|
||||
}
|
||||
.jumbotron,
|
||||
.navbar-inverse,
|
||||
.navbar-inverse .navbar-nav > li.active > a,
|
||||
|
||||
Binary file not shown.
@ -61,6 +61,7 @@ $(function () {
|
||||
interval: 5000
|
||||
});
|
||||
|
||||
$('[data-toggle="tooltip"]').tooltip();
|
||||
$('[data-toggle="popover"]').popover();
|
||||
|
||||
function selectFonticonsAd() {
|
||||
|
||||
@ -7,6 +7,8 @@
|
||||
@import "site/bootstrap/wells";
|
||||
@import "site/bootstrap/type";
|
||||
@import "site/bootstrap/alerts";
|
||||
@import "site/bootstrap/tooltip";
|
||||
@import "site/bootstrap/panels";
|
||||
@import "site/bootstrap/modals";
|
||||
|
||||
@import "site/layout";
|
||||
|
||||
@ -1 +1,5 @@
|
||||
.alert-link { text-decoration: underline; }
|
||||
|
||||
.alert-default { .alert-variant(@alert-default-bg, @alert-default-border, @alert-default-text); }
|
||||
.alert-well { .alert-variant(@alert-well-bg, @alert-well-border, @alert-well-text); }
|
||||
.alert-well-alt { .alert-variant(@well-bg, @table-border-color, mix(@text-muted,@text-color,50%)); }
|
||||
|
||||
15
assets/less/site/bootstrap/panels.less
Normal file
15
assets/less/site/bootstrap/panels.less
Normal file
@ -0,0 +1,15 @@
|
||||
.panel {
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
margin: -1px;
|
||||
border-bottom-width: 0;
|
||||
padding: 11px 15px;
|
||||
}
|
||||
|
||||
.panel-default .panel-heading {
|
||||
margin: 0;
|
||||
border-bottom-width: 1px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
8
assets/less/site/bootstrap/tooltip.less
Normal file
8
assets/less/site/bootstrap/tooltip.less
Normal file
@ -0,0 +1,8 @@
|
||||
.tooltip {
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
|
||||
// Wrapper for the tooltip content
|
||||
.tooltip-inner {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
@ -124,3 +124,41 @@
|
||||
//== Type
|
||||
//** Text muted color
|
||||
@text-muted: mix(@gray-light,@gray-lighter,50%);
|
||||
|
||||
|
||||
|
||||
|
||||
@alert-well-bg: @panel-default-heading-bg;
|
||||
@alert-well-text: @text-color;
|
||||
@alert-well-border: @panel-default-border;
|
||||
|
||||
@alert-default-bg: transparent;
|
||||
@alert-default-text: @text-color;
|
||||
@alert-default-border: mix(#fff,@panel-default-border,40%);
|
||||
|
||||
|
||||
|
||||
|
||||
//@panel-default-text: @gray-dark;
|
||||
//@panel-default-border: @panel-default-heading-bg;
|
||||
//@panel-default-heading-bg: #f5f5f5;
|
||||
|
||||
@panel-primary-text: #fff;
|
||||
@panel-primary-border: mix(#fff,@brand-primary,50%);
|
||||
@panel-primary-heading-bg: @brand-primary;
|
||||
|
||||
@panel-success-text: #fff;
|
||||
@panel-success-border: mix(#fff,@brand-success,50%);
|
||||
@panel-success-heading-bg: @brand-success;
|
||||
|
||||
@panel-info-text: #fff;
|
||||
@panel-info-border: mix(#fff,@brand-info,50%);
|
||||
@panel-info-heading-bg: @brand-info;
|
||||
|
||||
@panel-warning-text: #fff;
|
||||
@panel-warning-border: mix(#fff,@brand-warning,50%);
|
||||
@panel-warning-heading-bg: @brand-warning;
|
||||
|
||||
@panel-danger-text: #fff;
|
||||
@panel-danger-border: mix(#fff,@brand-danger,50%);
|
||||
@panel-danger-heading-bg: @brand-danger;
|
||||
|
||||
@ -108,3 +108,5 @@
|
||||
#no-search-results {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.valign-baseline { vertical-align: baseline !important; }
|
||||
@ -51,8 +51,17 @@
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
<li>
|
||||
<a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
|
||||
<i class="fas fas-fort-logo fas-lg valign-baseline"></i>
|
||||
Fort Awesome
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>& CSS toolkit">
|
||||
<i class="fas fas-flag-logo"></i>
|
||||
Font Awesome</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
|
||||
@ -51,8 +51,17 @@
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
<li>
|
||||
<a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
|
||||
<i class="fas fas-fort-logo fas-lg valign-baseline"></i>
|
||||
Fort Awesome
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>& CSS toolkit">
|
||||
<i class="fas fas-flag-logo"></i>
|
||||
Font Awesome</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
|
||||
@ -51,8 +51,17 @@
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
<li>
|
||||
<a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
|
||||
<i class="fas fas-fort-logo fas-lg valign-baseline"></i>
|
||||
Fort Awesome
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>& CSS toolkit">
|
||||
<i class="fas fas-flag-logo"></i>
|
||||
Font Awesome</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
|
||||
@ -51,8 +51,17 @@
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
<li>
|
||||
<a href="http://fortawesome.com/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=ad_1_next_level&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="Take your front end game<br>to the next level!">
|
||||
<i class="fas fas-fort-logo fas-lg valign-baseline"></i>
|
||||
Fort Awesome
|
||||
</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="http://fontawesome.io/?utm_source=font_awesome_navbar&utm_medium=display&utm_content=font_awesome_navbar&utm_campaign=promo_5.0_update" data-toggle="tooltip" data-container="body" data-placement="bottom" data-html="true" title="The iconic font<br>& CSS toolkit">
|
||||
<i class="fas fas-flag-logo"></i>
|
||||
Font Awesome</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-500px: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-500px fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-500px fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-500px fa-4"></i> </span>
|
||||
<i class="fa fa-500px fa-3"></i>
|
||||
<i class="fa fa-500px fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-500px fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-500px
|
||||
<small>
|
||||
<i class="fa fa-500px"></i> ·
|
||||
Unicode: <span class="upper">f26e</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-500px"></i> fa-500px
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-500px"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-adjust: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-adjust fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-adjust fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-adjust fa-4"></i> </span>
|
||||
<i class="fa fa-adjust fa-3"></i>
|
||||
<i class="fa fa-adjust fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-adjust fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-adjust
|
||||
<small>
|
||||
<i class="fa fa-adjust"></i> ·
|
||||
Unicode: <span class="upper">f042</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-adjust"></i> fa-adjust
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-adjust"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-adn: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-adn fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-adn fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-adn fa-4"></i> </span>
|
||||
<i class="fa fa-adn fa-3"></i>
|
||||
<i class="fa fa-adn fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-adn fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-adn
|
||||
<small>
|
||||
<i class="fa fa-adn"></i> ·
|
||||
Unicode: <span class="upper">f170</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-adn"></i> fa-adn
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-adn"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-align-center: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-align-center fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-align-center fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-align-center fa-4"></i> </span>
|
||||
<i class="fa fa-align-center fa-3"></i>
|
||||
<i class="fa fa-align-center fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-align-center fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-align-center
|
||||
<small>
|
||||
<i class="fa fa-align-center"></i> ·
|
||||
Unicode: <span class="upper">f037</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Text Editor Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-align-center"></i> fa-align-center
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-align-center"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-align-justify: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-align-justify fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-align-justify fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-align-justify fa-4"></i> </span>
|
||||
<i class="fa fa-align-justify fa-3"></i>
|
||||
<i class="fa fa-align-justify fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-align-justify fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-align-justify
|
||||
<small>
|
||||
<i class="fa fa-align-justify"></i> ·
|
||||
Unicode: <span class="upper">f039</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Text Editor Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-align-justify"></i> fa-align-justify
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-align-justify"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-align-left: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-align-left fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-align-left fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-align-left fa-4"></i> </span>
|
||||
<i class="fa fa-align-left fa-3"></i>
|
||||
<i class="fa fa-align-left fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-align-left fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-align-left
|
||||
<small>
|
||||
<i class="fa fa-align-left"></i> ·
|
||||
Unicode: <span class="upper">f036</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Text Editor Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-align-left"></i> fa-align-left
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-align-left"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-align-right: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-align-right fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-align-right fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-align-right fa-4"></i> </span>
|
||||
<i class="fa fa-align-right fa-3"></i>
|
||||
<i class="fa fa-align-right fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-align-right fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-align-right
|
||||
<small>
|
||||
<i class="fa fa-align-right"></i> ·
|
||||
Unicode: <span class="upper">f038</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Text Editor Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-align-right"></i> fa-align-right
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-align-right"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-amazon: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-amazon fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-amazon fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-amazon fa-4"></i> </span>
|
||||
<i class="fa fa-amazon fa-3"></i>
|
||||
<i class="fa fa-amazon fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-amazon fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-amazon
|
||||
<small>
|
||||
<i class="fa fa-amazon"></i> ·
|
||||
Unicode: <span class="upper">f270</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-amazon"></i> fa-amazon
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-amazon"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-ambulance: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-ambulance fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-ambulance fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-ambulance fa-4"></i> </span>
|
||||
<i class="fa fa-ambulance fa-3"></i>
|
||||
<i class="fa fa-ambulance fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-ambulance fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-ambulance
|
||||
<small>
|
||||
<i class="fa fa-ambulance"></i> ·
|
||||
Unicode: <span class="upper">f0f9</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Medical Icons,
|
||||
|
||||
Transportation Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-ambulance"></i> fa-ambulance
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-ambulance"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-anchor: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-anchor fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-anchor fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-anchor fa-4"></i> </span>
|
||||
<i class="fa fa-anchor fa-3"></i>
|
||||
<i class="fa fa-anchor fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-anchor fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-anchor
|
||||
<small>
|
||||
<i class="fa fa-anchor"></i> ·
|
||||
Unicode: <span class="upper">f13d</span> ·
|
||||
Created: v3.1 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-anchor"></i> fa-anchor
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-anchor"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-android: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-android fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-android fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-android fa-4"></i> </span>
|
||||
<i class="fa fa-android fa-3"></i>
|
||||
<i class="fa fa-android fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-android fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-android
|
||||
<small>
|
||||
<i class="fa fa-android"></i> ·
|
||||
Unicode: <span class="upper">f17b</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-android"></i> fa-android
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-android"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angellist: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angellist fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angellist fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angellist fa-4"></i> </span>
|
||||
<i class="fa fa-angellist fa-3"></i>
|
||||
<i class="fa fa-angellist fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angellist fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angellist
|
||||
<small>
|
||||
<i class="fa fa-angellist"></i> ·
|
||||
Unicode: <span class="upper">f209</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angellist"></i> fa-angellist
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angellist"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-double-down: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-double-down fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-double-down fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-double-down fa-4"></i> </span>
|
||||
<i class="fa fa-angle-double-down fa-3"></i>
|
||||
<i class="fa fa-angle-double-down fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-double-down fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-double-down
|
||||
<small>
|
||||
<i class="fa fa-angle-double-down"></i> ·
|
||||
Unicode: <span class="upper">f103</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-double-down"></i> fa-angle-double-down
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-down"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-double-left: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-double-left fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-double-left fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-double-left fa-4"></i> </span>
|
||||
<i class="fa fa-angle-double-left fa-3"></i>
|
||||
<i class="fa fa-angle-double-left fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-double-left fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-double-left
|
||||
<small>
|
||||
<i class="fa fa-angle-double-left"></i> ·
|
||||
Unicode: <span class="upper">f100</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-double-left"></i> fa-angle-double-left
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-left"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-double-right: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-double-right fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-double-right fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-double-right fa-4"></i> </span>
|
||||
<i class="fa fa-angle-double-right fa-3"></i>
|
||||
<i class="fa fa-angle-double-right fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-double-right fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-double-right
|
||||
<small>
|
||||
<i class="fa fa-angle-double-right"></i> ·
|
||||
Unicode: <span class="upper">f101</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-double-right"></i> fa-angle-double-right
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-right"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-double-up: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-double-up fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-double-up fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-double-up fa-4"></i> </span>
|
||||
<i class="fa fa-angle-double-up fa-3"></i>
|
||||
<i class="fa fa-angle-double-up fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-double-up fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-double-up
|
||||
<small>
|
||||
<i class="fa fa-angle-double-up"></i> ·
|
||||
Unicode: <span class="upper">f102</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-double-up"></i> fa-angle-double-up
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-double-up"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-down: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-down fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-down fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-down fa-4"></i> </span>
|
||||
<i class="fa fa-angle-down fa-3"></i>
|
||||
<i class="fa fa-angle-down fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-down fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-down
|
||||
<small>
|
||||
<i class="fa fa-angle-down"></i> ·
|
||||
Unicode: <span class="upper">f107</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-down"></i> fa-angle-down
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-down"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-left: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-left fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-left fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-left fa-4"></i> </span>
|
||||
<i class="fa fa-angle-left fa-3"></i>
|
||||
<i class="fa fa-angle-left fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-left fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-left
|
||||
<small>
|
||||
<i class="fa fa-angle-left"></i> ·
|
||||
Unicode: <span class="upper">f104</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-left"></i> fa-angle-left
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-left"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-right: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-right fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-right fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-right fa-4"></i> </span>
|
||||
<i class="fa fa-angle-right fa-3"></i>
|
||||
<i class="fa fa-angle-right fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-right fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-right
|
||||
<small>
|
||||
<i class="fa fa-angle-right"></i> ·
|
||||
Unicode: <span class="upper">f105</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-right"></i> fa-angle-right
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-right"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-angle-up: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-angle-up fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-angle-up fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-angle-up fa-4"></i> </span>
|
||||
<i class="fa fa-angle-up fa-3"></i>
|
||||
<i class="fa fa-angle-up fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-angle-up fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-angle-up
|
||||
<small>
|
||||
<i class="fa fa-angle-up"></i> ·
|
||||
Unicode: <span class="upper">f106</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-angle-up"></i> fa-angle-up
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-angle-up"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-apple: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-apple fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-apple fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-apple fa-4"></i> </span>
|
||||
<i class="fa fa-apple fa-3"></i>
|
||||
<i class="fa fa-apple fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-apple fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-apple
|
||||
<small>
|
||||
<i class="fa fa-apple"></i> ·
|
||||
Unicode: <span class="upper">f179</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-apple"></i> fa-apple
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-apple"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-archive: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-archive fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-archive fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-archive fa-4"></i> </span>
|
||||
<i class="fa fa-archive fa-3"></i>
|
||||
<i class="fa fa-archive fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-archive fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-archive
|
||||
<small>
|
||||
<i class="fa fa-archive"></i> ·
|
||||
Unicode: <span class="upper">f187</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-archive"></i> fa-archive
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-archive"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-area-chart: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-area-chart fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-area-chart fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-area-chart fa-4"></i> </span>
|
||||
<i class="fa fa-area-chart fa-3"></i>
|
||||
<i class="fa fa-area-chart fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-area-chart fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-area-chart
|
||||
<small>
|
||||
<i class="fa fa-area-chart"></i> ·
|
||||
Unicode: <span class="upper">f1fe</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Chart Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-area-chart"></i> fa-area-chart
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-area-chart"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-down: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-down fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-down fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-down fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-down fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-down fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-down fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-down
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-down"></i> ·
|
||||
Unicode: <span class="upper">f0ab</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-down"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-left: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-left fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-left fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-left fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-left fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-left fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-left fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-left
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-left"></i> ·
|
||||
Unicode: <span class="upper">f0a8</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-left"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-o-down: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-o-down fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-o-down fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-o-down fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-o-down fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-o-down fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-o-down fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-o-down
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-o-down"></i> ·
|
||||
Unicode: <span class="upper">f01a</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-o-down"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-o-left: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-o-left fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-o-left fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-o-left fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-o-left fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-o-left fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-o-left fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-o-left
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-o-left"></i> ·
|
||||
Unicode: <span class="upper">f190</span> ·
|
||||
Created: v4.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-o-left"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-o-right: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-o-right fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-o-right fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-o-right fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-o-right fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-o-right fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-o-right fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-o-right
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-o-right"></i> ·
|
||||
Unicode: <span class="upper">f18e</span> ·
|
||||
Created: v4.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-o-right"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-o-up: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-o-up fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-o-up fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-o-up fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-o-up fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-o-up fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-o-up fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-o-up
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-o-up"></i> ·
|
||||
Unicode: <span class="upper">f01b</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-o-up"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-right: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-right fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-right fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-right fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-right fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-right fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-right fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-right
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-right"></i> ·
|
||||
Unicode: <span class="upper">f0a9</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-right"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-circle-up: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-circle-up fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-circle-up fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-circle-up fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-circle-up fa-3"></i>
|
||||
<i class="fa fa-arrow-circle-up fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-circle-up fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-circle-up
|
||||
<small>
|
||||
<i class="fa fa-arrow-circle-up"></i> ·
|
||||
Unicode: <span class="upper">f0aa</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-circle-up"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-down: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-down fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-down fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-down fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-down fa-3"></i>
|
||||
<i class="fa fa-arrow-down fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-down fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-down
|
||||
<small>
|
||||
<i class="fa fa-arrow-down"></i> ·
|
||||
Unicode: <span class="upper">f063</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-down"></i> fa-arrow-down
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-down"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-left: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-left fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-left fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-left fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-left fa-3"></i>
|
||||
<i class="fa fa-arrow-left fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-left fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-left
|
||||
<small>
|
||||
<i class="fa fa-arrow-left"></i> ·
|
||||
Unicode: <span class="upper">f060</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-left"></i> fa-arrow-left
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-left"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-right: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-right fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-right fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-right fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-right fa-3"></i>
|
||||
<i class="fa fa-arrow-right fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-right fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-right
|
||||
<small>
|
||||
<i class="fa fa-arrow-right"></i> ·
|
||||
Unicode: <span class="upper">f061</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-right"></i> fa-arrow-right
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-right"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrow-up: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrow-up fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrow-up fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrow-up fa-4"></i> </span>
|
||||
<i class="fa fa-arrow-up fa-3"></i>
|
||||
<i class="fa fa-arrow-up fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrow-up fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrow-up
|
||||
<small>
|
||||
<i class="fa fa-arrow-up"></i> ·
|
||||
Unicode: <span class="upper">f062</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrow-up"></i> fa-arrow-up
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrow-up"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrows-alt: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrows-alt fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrows-alt fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrows-alt fa-4"></i> </span>
|
||||
<i class="fa fa-arrows-alt fa-3"></i>
|
||||
<i class="fa fa-arrows-alt fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrows-alt fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrows-alt
|
||||
<small>
|
||||
<i class="fa fa-arrows-alt"></i> ·
|
||||
Unicode: <span class="upper">f0b2</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Video Player Icons,
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrows-alt"></i> fa-arrows-alt
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrows-alt"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrows-h: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrows-h fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrows-h fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrows-h fa-4"></i> </span>
|
||||
<i class="fa fa-arrows-h fa-3"></i>
|
||||
<i class="fa fa-arrows-h fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrows-h fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrows-h
|
||||
<small>
|
||||
<i class="fa fa-arrows-h"></i> ·
|
||||
Unicode: <span class="upper">f07e</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrows-h"></i> fa-arrows-h
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrows-h"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrows-v: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrows-v fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrows-v fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrows-v fa-4"></i> </span>
|
||||
<i class="fa fa-arrows-v fa-3"></i>
|
||||
<i class="fa fa-arrows-v fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrows-v fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrows-v
|
||||
<small>
|
||||
<i class="fa fa-arrows-v"></i> ·
|
||||
Unicode: <span class="upper">f07d</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrows-v"></i> fa-arrows-v
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrows-v"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-arrows: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-arrows fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-arrows fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-arrows fa-4"></i> </span>
|
||||
<i class="fa fa-arrows fa-3"></i>
|
||||
<i class="fa fa-arrows fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-arrows fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-arrows
|
||||
<small>
|
||||
<i class="fa fa-arrows"></i> ·
|
||||
Unicode: <span class="upper">f047</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Directional Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-arrows"></i> fa-arrows
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-arrows"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-asterisk: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-asterisk fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-asterisk fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-asterisk fa-4"></i> </span>
|
||||
<i class="fa fa-asterisk fa-3"></i>
|
||||
<i class="fa fa-asterisk fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-asterisk fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-asterisk
|
||||
<small>
|
||||
<i class="fa fa-asterisk"></i> ·
|
||||
Unicode: <span class="upper">f069</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-asterisk"></i> fa-asterisk
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-asterisk"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-at: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-at fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-at fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-at fa-4"></i> </span>
|
||||
<i class="fa fa-at fa-3"></i>
|
||||
<i class="fa fa-at fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-at fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-at
|
||||
<small>
|
||||
<i class="fa fa-at"></i> ·
|
||||
Unicode: <span class="upper">f1fa</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-at"></i> fa-at
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-at"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-backward: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-backward fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-backward fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-backward fa-4"></i> </span>
|
||||
<i class="fa fa-backward fa-3"></i>
|
||||
<i class="fa fa-backward fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-backward fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-backward
|
||||
<small>
|
||||
<i class="fa fa-backward"></i> ·
|
||||
Unicode: <span class="upper">f04a</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Video Player Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-backward"></i> fa-backward
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-backward"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-balance-scale: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-balance-scale fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-balance-scale fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-balance-scale fa-4"></i> </span>
|
||||
<i class="fa fa-balance-scale fa-3"></i>
|
||||
<i class="fa fa-balance-scale fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-balance-scale fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-balance-scale
|
||||
<small>
|
||||
<i class="fa fa-balance-scale"></i> ·
|
||||
Unicode: <span class="upper">f24e</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-balance-scale"></i> fa-balance-scale
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-balance-scale"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-ban: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-ban fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-ban fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-ban fa-4"></i> </span>
|
||||
<i class="fa fa-ban fa-3"></i>
|
||||
<i class="fa fa-ban fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-ban fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-ban
|
||||
<small>
|
||||
<i class="fa fa-ban"></i> ·
|
||||
Unicode: <span class="upper">f05e</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-ban"></i> fa-ban
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-ban"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,247 +0,0 @@
|
||||
<!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="Font Awesome, 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-bar-chart: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bar-chart fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bar-chart fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bar-chart fa-4"></i> </span>
|
||||
<i class="fa fa-bar-chart fa-3"></i>
|
||||
<i class="fa fa-bar-chart fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bar-chart fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bar-chart
|
||||
<small>
|
||||
<i class="fa fa-bar-chart"></i> ·
|
||||
Unicode: <span class="upper">f080</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Chart Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-bar-chart-o
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bar-chart"></i> fa-bar-chart
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bar-chart"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-barcode: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-barcode fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-barcode fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-barcode fa-4"></i> </span>
|
||||
<i class="fa fa-barcode fa-3"></i>
|
||||
<i class="fa fa-barcode fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-barcode fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-barcode
|
||||
<small>
|
||||
<i class="fa fa-barcode"></i> ·
|
||||
Unicode: <span class="upper">f02a</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-barcode"></i> fa-barcode
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-barcode"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,247 +0,0 @@
|
||||
<!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="Font Awesome, 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-bars: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bars fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bars fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bars fa-4"></i> </span>
|
||||
<i class="fa fa-bars fa-3"></i>
|
||||
<i class="fa fa-bars fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bars fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bars
|
||||
<small>
|
||||
<i class="fa fa-bars"></i> ·
|
||||
Unicode: <span class="upper">f0c9</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-navicon,
|
||||
|
||||
fa-reorder
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bars"></i> fa-bars
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bars"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,245 +0,0 @@
|
||||
<!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="Font Awesome, 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-battery-empty: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-battery-empty fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-battery-empty fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-battery-empty fa-4"></i> </span>
|
||||
<i class="fa fa-battery-empty fa-3"></i>
|
||||
<i class="fa fa-battery-empty fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-battery-empty fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-battery-empty
|
||||
<small>
|
||||
<i class="fa fa-battery-empty"></i> ·
|
||||
Unicode: <span class="upper">f244</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-battery-0
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-battery-empty"></i> fa-battery-empty
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-battery-empty"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,245 +0,0 @@
|
||||
<!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="Font Awesome, 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-battery-full: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-battery-full fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-battery-full fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-battery-full fa-4"></i> </span>
|
||||
<i class="fa fa-battery-full fa-3"></i>
|
||||
<i class="fa fa-battery-full fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-battery-full fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-battery-full
|
||||
<small>
|
||||
<i class="fa fa-battery-full"></i> ·
|
||||
Unicode: <span class="upper">f240</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-battery-4
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-battery-full"></i> fa-battery-full
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-battery-full"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,245 +0,0 @@
|
||||
<!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="Font Awesome, 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-battery-half: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-battery-half fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-battery-half fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-battery-half fa-4"></i> </span>
|
||||
<i class="fa fa-battery-half fa-3"></i>
|
||||
<i class="fa fa-battery-half fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-battery-half fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-battery-half
|
||||
<small>
|
||||
<i class="fa fa-battery-half"></i> ·
|
||||
Unicode: <span class="upper">f242</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-battery-2
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-battery-half"></i> fa-battery-half
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-battery-half"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,245 +0,0 @@
|
||||
<!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="Font Awesome, 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-battery-quarter: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-battery-quarter fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-battery-quarter fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-battery-quarter fa-4"></i> </span>
|
||||
<i class="fa fa-battery-quarter fa-3"></i>
|
||||
<i class="fa fa-battery-quarter fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-battery-quarter fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-battery-quarter
|
||||
<small>
|
||||
<i class="fa fa-battery-quarter"></i> ·
|
||||
Unicode: <span class="upper">f243</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-battery-1
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-battery-quarter"></i> fa-battery-quarter
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-battery-quarter"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,245 +0,0 @@
|
||||
<!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="Font Awesome, 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-battery-three-quarters: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-battery-three-quarters fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-battery-three-quarters fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-battery-three-quarters fa-4"></i> </span>
|
||||
<i class="fa fa-battery-three-quarters fa-3"></i>
|
||||
<i class="fa fa-battery-three-quarters fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-battery-three-quarters fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-battery-three-quarters
|
||||
<small>
|
||||
<i class="fa fa-battery-three-quarters"></i> ·
|
||||
Unicode: <span class="upper">f241</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-battery-3
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-battery-three-quarters"></i> fa-battery-three-quarters
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-battery-three-quarters"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,245 +0,0 @@
|
||||
<!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="Font Awesome, 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-bed: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bed fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bed fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bed fa-4"></i> </span>
|
||||
<i class="fa fa-bed fa-3"></i>
|
||||
<i class="fa fa-bed fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bed fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bed
|
||||
<small>
|
||||
<i class="fa fa-bed"></i> ·
|
||||
Unicode: <span class="upper">f236</span> ·
|
||||
Created: v4.3 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-hotel
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bed"></i> fa-bed
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bed"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-beer: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-beer fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-beer fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-beer fa-4"></i> </span>
|
||||
<i class="fa fa-beer fa-3"></i>
|
||||
<i class="fa fa-beer fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-beer fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-beer
|
||||
<small>
|
||||
<i class="fa fa-beer"></i> ·
|
||||
Unicode: <span class="upper">f0fc</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-beer"></i> fa-beer
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-beer"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-behance-square: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-behance-square fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-behance-square fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-behance-square fa-4"></i> </span>
|
||||
<i class="fa fa-behance-square fa-3"></i>
|
||||
<i class="fa fa-behance-square fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-behance-square fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-behance-square
|
||||
<small>
|
||||
<i class="fa fa-behance-square"></i> ·
|
||||
Unicode: <span class="upper">f1b5</span> ·
|
||||
Created: v4.1 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-behance-square"></i> fa-behance-square
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-behance-square"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-behance: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-behance fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-behance fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-behance fa-4"></i> </span>
|
||||
<i class="fa fa-behance fa-3"></i>
|
||||
<i class="fa fa-behance fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-behance fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-behance
|
||||
<small>
|
||||
<i class="fa fa-behance"></i> ·
|
||||
Unicode: <span class="upper">f1b4</span> ·
|
||||
Created: v4.1 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-behance"></i> fa-behance
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-behance"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bell-o: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bell-o fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bell-o fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bell-o fa-4"></i> </span>
|
||||
<i class="fa fa-bell-o fa-3"></i>
|
||||
<i class="fa fa-bell-o fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bell-o fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bell-o
|
||||
<small>
|
||||
<i class="fa fa-bell-o"></i> ·
|
||||
Unicode: <span class="upper">f0a2</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bell-o"></i> fa-bell-o
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bell-o"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bell-slash-o: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bell-slash-o fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bell-slash-o fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bell-slash-o fa-4"></i> </span>
|
||||
<i class="fa fa-bell-slash-o fa-3"></i>
|
||||
<i class="fa fa-bell-slash-o fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bell-slash-o fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bell-slash-o
|
||||
<small>
|
||||
<i class="fa fa-bell-slash-o"></i> ·
|
||||
Unicode: <span class="upper">f1f7</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bell-slash-o"></i> fa-bell-slash-o
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bell-slash-o"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bell-slash: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bell-slash fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bell-slash fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bell-slash fa-4"></i> </span>
|
||||
<i class="fa fa-bell-slash fa-3"></i>
|
||||
<i class="fa fa-bell-slash fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bell-slash fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bell-slash
|
||||
<small>
|
||||
<i class="fa fa-bell-slash"></i> ·
|
||||
Unicode: <span class="upper">f1f6</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bell-slash"></i> fa-bell-slash
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bell-slash"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bell: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bell fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bell fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bell fa-4"></i> </span>
|
||||
<i class="fa fa-bell fa-3"></i>
|
||||
<i class="fa fa-bell fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bell fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bell
|
||||
<small>
|
||||
<i class="fa fa-bell"></i> ·
|
||||
Unicode: <span class="upper">f0f3</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bell"></i> fa-bell
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bell"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-bicycle: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bicycle fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bicycle fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bicycle fa-4"></i> </span>
|
||||
<i class="fa fa-bicycle fa-3"></i>
|
||||
<i class="fa fa-bicycle fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bicycle fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bicycle
|
||||
<small>
|
||||
<i class="fa fa-bicycle"></i> ·
|
||||
Unicode: <span class="upper">f206</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Transportation Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bicycle"></i> fa-bicycle
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bicycle"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-binoculars: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-binoculars fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-binoculars fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-binoculars fa-4"></i> </span>
|
||||
<i class="fa fa-binoculars fa-3"></i>
|
||||
<i class="fa fa-binoculars fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-binoculars fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-binoculars
|
||||
<small>
|
||||
<i class="fa fa-binoculars"></i> ·
|
||||
Unicode: <span class="upper">f1e5</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-binoculars"></i> fa-binoculars
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-binoculars"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-birthday-cake: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-birthday-cake fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-birthday-cake fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-birthday-cake fa-4"></i> </span>
|
||||
<i class="fa fa-birthday-cake fa-3"></i>
|
||||
<i class="fa fa-birthday-cake fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-birthday-cake fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-birthday-cake
|
||||
<small>
|
||||
<i class="fa fa-birthday-cake"></i> ·
|
||||
Unicode: <span class="upper">f1fd</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-birthday-cake"></i> fa-birthday-cake
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-birthday-cake"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bitbucket-square: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bitbucket-square fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bitbucket-square fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bitbucket-square fa-4"></i> </span>
|
||||
<i class="fa fa-bitbucket-square fa-3"></i>
|
||||
<i class="fa fa-bitbucket-square fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bitbucket-square fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bitbucket-square
|
||||
<small>
|
||||
<i class="fa fa-bitbucket-square"></i> ·
|
||||
Unicode: <span class="upper">f172</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bitbucket-square"></i> fa-bitbucket-square
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bitbucket-square"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bitbucket: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bitbucket fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bitbucket fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bitbucket fa-4"></i> </span>
|
||||
<i class="fa fa-bitbucket fa-3"></i>
|
||||
<i class="fa fa-bitbucket fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bitbucket fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bitbucket
|
||||
<small>
|
||||
<i class="fa fa-bitbucket"></i> ·
|
||||
Unicode: <span class="upper">f171</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bitbucket"></i> fa-bitbucket
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bitbucket"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-black-tie: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-black-tie fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-black-tie fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-black-tie fa-4"></i> </span>
|
||||
<i class="fa fa-black-tie fa-3"></i>
|
||||
<i class="fa fa-black-tie fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-black-tie fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-black-tie
|
||||
<small>
|
||||
<i class="fa fa-black-tie"></i> ·
|
||||
Unicode: <span class="upper">f27e</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
· <a target="_blank" href="http://blacktie.io">blacktie.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-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-black-tie"></i> fa-black-tie
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-black-tie"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-bluetooth-b: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bluetooth-b fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bluetooth-b fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bluetooth-b fa-4"></i> </span>
|
||||
<i class="fa fa-bluetooth-b fa-3"></i>
|
||||
<i class="fa fa-bluetooth-b fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bluetooth-b fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bluetooth-b
|
||||
<small>
|
||||
<i class="fa fa-bluetooth-b"></i> ·
|
||||
Unicode: <span class="upper">f294</span> ·
|
||||
Created: v4.5 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bluetooth-b"></i> fa-bluetooth-b
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bluetooth-b"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-bluetooth: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bluetooth fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bluetooth fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bluetooth fa-4"></i> </span>
|
||||
<i class="fa fa-bluetooth fa-3"></i>
|
||||
<i class="fa fa-bluetooth fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bluetooth fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bluetooth
|
||||
<small>
|
||||
<i class="fa fa-bluetooth"></i> ·
|
||||
Unicode: <span class="upper">f293</span> ·
|
||||
Created: v4.5 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bluetooth"></i> fa-bluetooth
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bluetooth"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bold: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bold fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bold fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bold fa-4"></i> </span>
|
||||
<i class="fa fa-bold fa-3"></i>
|
||||
<i class="fa fa-bold fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bold fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bold
|
||||
<small>
|
||||
<i class="fa fa-bold"></i> ·
|
||||
Unicode: <span class="upper">f032</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Text Editor Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bold"></i> fa-bold
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bold"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,245 +0,0 @@
|
||||
<!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="Font Awesome, 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-bolt: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bolt fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bolt fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bolt fa-4"></i> </span>
|
||||
<i class="fa fa-bolt fa-3"></i>
|
||||
<i class="fa fa-bolt fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bolt fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bolt
|
||||
<small>
|
||||
<i class="fa fa-bolt"></i> ·
|
||||
Unicode: <span class="upper">f0e7</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-flash
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bolt"></i> fa-bolt
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bolt"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bomb: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bomb fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bomb fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bomb fa-4"></i> </span>
|
||||
<i class="fa fa-bomb fa-3"></i>
|
||||
<i class="fa fa-bomb fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bomb fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bomb
|
||||
<small>
|
||||
<i class="fa fa-bomb"></i> ·
|
||||
Unicode: <span class="upper">f1e2</span> ·
|
||||
Created: v4.1 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bomb"></i> fa-bomb
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bomb"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-book: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-book fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-book fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-book fa-4"></i> </span>
|
||||
<i class="fa fa-book fa-3"></i>
|
||||
<i class="fa fa-book fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-book fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-book
|
||||
<small>
|
||||
<i class="fa fa-book"></i> ·
|
||||
Unicode: <span class="upper">f02d</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-book"></i> fa-book
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-book"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bookmark-o: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bookmark-o fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bookmark-o fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bookmark-o fa-4"></i> </span>
|
||||
<i class="fa fa-bookmark-o fa-3"></i>
|
||||
<i class="fa fa-bookmark-o fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bookmark-o fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bookmark-o
|
||||
<small>
|
||||
<i class="fa fa-bookmark-o"></i> ·
|
||||
Unicode: <span class="upper">f097</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bookmark-o"></i> fa-bookmark-o
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bookmark-o"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bookmark: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bookmark fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bookmark fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bookmark fa-4"></i> </span>
|
||||
<i class="fa fa-bookmark fa-3"></i>
|
||||
<i class="fa fa-bookmark fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bookmark fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bookmark
|
||||
<small>
|
||||
<i class="fa fa-bookmark"></i> ·
|
||||
Unicode: <span class="upper">f02e</span> ·
|
||||
Created: v1.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bookmark"></i> fa-bookmark
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bookmark"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-briefcase: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-briefcase fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-briefcase fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-briefcase fa-4"></i> </span>
|
||||
<i class="fa fa-briefcase fa-3"></i>
|
||||
<i class="fa fa-briefcase fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-briefcase fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-briefcase
|
||||
<small>
|
||||
<i class="fa fa-briefcase"></i> ·
|
||||
Unicode: <span class="upper">f0b1</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-briefcase"></i> fa-briefcase
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-briefcase"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,247 +0,0 @@
|
||||
<!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="Font Awesome, 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-btc: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-btc fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-btc fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-btc fa-4"></i> </span>
|
||||
<i class="fa fa-btc fa-3"></i>
|
||||
<i class="fa fa-btc fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-btc fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-btc
|
||||
<small>
|
||||
<i class="fa fa-btc"></i> ·
|
||||
Unicode: <span class="upper">f15a</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Currency Icons,
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
· Aliases:
|
||||
|
||||
fa-bitcoin
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-btc"></i> fa-btc
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-btc"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bug: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bug fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bug fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bug fa-4"></i> </span>
|
||||
<i class="fa fa-bug fa-3"></i>
|
||||
<i class="fa fa-bug fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bug fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bug
|
||||
<small>
|
||||
<i class="fa fa-bug"></i> ·
|
||||
Unicode: <span class="upper">f188</span> ·
|
||||
Created: v3.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bug"></i> fa-bug
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bug"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-building-o: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-building-o fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-building-o fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-building-o fa-4"></i> </span>
|
||||
<i class="fa fa-building-o fa-3"></i>
|
||||
<i class="fa fa-building-o fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-building-o fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-building-o
|
||||
<small>
|
||||
<i class="fa fa-building-o"></i> ·
|
||||
Unicode: <span class="upper">f0f7</span> ·
|
||||
Created: v3.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-building-o"></i> fa-building-o
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-building-o"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-building: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-building fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-building fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-building fa-4"></i> </span>
|
||||
<i class="fa fa-building fa-3"></i>
|
||||
<i class="fa fa-building fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-building fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-building
|
||||
<small>
|
||||
<i class="fa fa-building"></i> ·
|
||||
Unicode: <span class="upper">f1ad</span> ·
|
||||
Created: v4.1 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-building"></i> fa-building
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-building"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bullhorn: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bullhorn fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bullhorn fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bullhorn fa-4"></i> </span>
|
||||
<i class="fa fa-bullhorn fa-3"></i>
|
||||
<i class="fa fa-bullhorn fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bullhorn fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bullhorn
|
||||
<small>
|
||||
<i class="fa fa-bullhorn"></i> ·
|
||||
Unicode: <span class="upper">f0a1</span> ·
|
||||
Created: v2.0 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bullhorn"></i> fa-bullhorn
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bullhorn"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-bullseye: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bullseye fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bullseye fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bullseye fa-4"></i> </span>
|
||||
<i class="fa fa-bullseye fa-3"></i>
|
||||
<i class="fa fa-bullseye fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bullseye fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bullseye
|
||||
<small>
|
||||
<i class="fa fa-bullseye"></i> ·
|
||||
Unicode: <span class="upper">f140</span> ·
|
||||
Created: v3.1 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bullseye"></i> fa-bullseye
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bullseye"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,242 +0,0 @@
|
||||
<!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="Font Awesome, 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-bus: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-bus fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-bus fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-bus fa-4"></i> </span>
|
||||
<i class="fa fa-bus fa-3"></i>
|
||||
<i class="fa fa-bus fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-bus fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-bus
|
||||
<small>
|
||||
<i class="fa fa-bus"></i> ·
|
||||
Unicode: <span class="upper">f207</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons,
|
||||
|
||||
Transportation Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-bus"></i> fa-bus
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-bus"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-buysellads: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-buysellads fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-buysellads fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-buysellads fa-4"></i> </span>
|
||||
<i class="fa fa-buysellads fa-3"></i>
|
||||
<i class="fa fa-buysellads fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-buysellads fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-buysellads
|
||||
<small>
|
||||
<i class="fa fa-buysellads"></i> ·
|
||||
Unicode: <span class="upper">f20d</span> ·
|
||||
Created: v4.3 ·
|
||||
Categories:
|
||||
|
||||
Brand Icons
|
||||
|
||||
|
||||
|
||||
· <a target="_blank" href="http://buysellads.com">buysellads.com<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-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-buysellads"></i> fa-buysellads
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-buysellads"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-calculator: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-calculator fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-calculator fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-calculator fa-4"></i> </span>
|
||||
<i class="fa fa-calculator fa-3"></i>
|
||||
<i class="fa fa-calculator fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-calculator fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-calculator
|
||||
<small>
|
||||
<i class="fa fa-calculator"></i> ·
|
||||
Unicode: <span class="upper">f1ec</span> ·
|
||||
Created: v4.2 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-calculator"></i> fa-calculator
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-calculator"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-calendar-check-o: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-calendar-check-o fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-calendar-check-o fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-calendar-check-o fa-4"></i> </span>
|
||||
<i class="fa fa-calendar-check-o fa-3"></i>
|
||||
<i class="fa fa-calendar-check-o fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-calendar-check-o fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-calendar-check-o
|
||||
<small>
|
||||
<i class="fa fa-calendar-check-o"></i> ·
|
||||
Unicode: <span class="upper">f274</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-calendar-check-o"></i> fa-calendar-check-o
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-calendar-check-o"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-calendar-minus-o: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-calendar-minus-o fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-calendar-minus-o fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-calendar-minus-o fa-4"></i> </span>
|
||||
<i class="fa fa-calendar-minus-o fa-3"></i>
|
||||
<i class="fa fa-calendar-minus-o fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-calendar-minus-o fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-calendar-minus-o
|
||||
<small>
|
||||
<i class="fa fa-calendar-minus-o"></i> ·
|
||||
Unicode: <span class="upper">f272</span> ·
|
||||
Created: v4.4 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-calendar-minus-o"></i> fa-calendar-minus-o
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-calendar-minus-o"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,240 +0,0 @@
|
||||
<!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="Font Awesome, 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-calendar-o: Font 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/font-awesome/css/font-awesome.css">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="../../assets/js/html5shiv.js"></script>
|
||||
<script src="../../assets/js/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script src="https://use.fonticons.com/ffe176a3.js"></script>
|
||||
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-30136587-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script');
|
||||
ga.src = 'https://www.google-analytics.com/ga.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function(){
|
||||
var bsa = document.createElement('script');
|
||||
bsa.src = 'https://s3.buysellads.com/ac/bsa.js';
|
||||
var s = document.scripts[0];
|
||||
s.parentNode.insertBefore(bsa, s);
|
||||
})();
|
||||
</script>
|
||||
<div id="wrap"> <!-- necessary for sticky footer. wrap all content except footer -->
|
||||
<div class="navbar navbar-org navbar-static-top">
|
||||
<div class="container">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://fonticons.com/?ref=font-awesome-org-navbar"><i class="fas fas-star-logo"></i> Fonticons</a></li>
|
||||
<li class="active"><a href="http://fontawesome.io/?ref=font-awesome-org-navbar"><i class="fas fas-flag-logo"></i> Font Awesome</a></li>
|
||||
</ul>
|
||||
<div class="navbar-text navbar-right hide-xs">Build and serve a faster front end!</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<i class="fa fa-bars fa-lg"></i>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../../"><i class="fas fas-flag-logo fas-lg"></i> Font 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><a href="../../get-started/">Get Started</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"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="../../icons/"><i class="fa fa-flag fa-fw"></i> All Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="../../icons/#new"><i class="fa fa-fort-awesome fa-fw"></i> New Icons in 4.5</a></li>
|
||||
<li><a href="../../icons/#web-application"><i class="fa fa-camera-retro fa-fw"></i> Web Application Icons</a></li>
|
||||
<li><a href="../../icons/#hand"><i class="fa fa-hand-spock-o fa-fw"></i> Hand Icons</a></li>
|
||||
<li><a href="../../icons/#transportation"><i class="fa fa-ship fa-fw"></i> Transportation Icons</a></li>
|
||||
<li><a href="../../icons/#gender"><i class="fa fa-venus fa-fw"></i> Gender Icons</a></li>
|
||||
<li><a href="../../icons/#file-type"><i class="fa fa-file-image-o fa-fw"></i> File Type Icons</a></li>
|
||||
<li><a href="../../icons/#spinner"><i class="fa fa-spinner fa-fw"></i> Spinner Icons</a></li>
|
||||
<li><a href="../../icons/#form-control"><i class="fa fa-check-square fa-fw"></i> Form Control Icons</a></li>
|
||||
<li><a href="../../icons/#payment"><i class="fa fa-credit-card fa-fw"></i> Payment Icons</a></li>
|
||||
<li><a href="../../icons/#chart"><i class="fa fa-pie-chart fa-fw"></i> Chart Icons</a></li>
|
||||
<li><a href="../../icons/#currency"><i class="fa fa-won fa-fw"></i> Currency Icons</a></li>
|
||||
<li><a href="../../icons/#text-editor"><i class="fa fa-file-text-o fa-fw"></i> Text Editor Icons</a></li>
|
||||
<li><a href="../../icons/#directional"><i class="fa fa-arrow-right fa-fw"></i> Directional Icons</a></li>
|
||||
<li><a href="../../icons/#video-player"><i class="fa fa-play-circle fa-fw"></i> Video Player Icons</a></li>
|
||||
<li><a href="../../icons/#brand"><i class="fa fa-github fa-fw"></i> Brand Icons</a></li>
|
||||
<li><a href="../../icons/#medical"><i class="fa fa-medkit fa-fw"></i> 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"></i>
|
||||
</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/#rotated-flipped">Rotated & 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><a href="../../community/">Community</a></li>
|
||||
<li><a href="../../license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="http://blog.fontawesome.io">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="jumbotron jumbotron-icon">
|
||||
<div class="container">
|
||||
<div class="info-icons">
|
||||
<i class="fa fa-calendar-o fa-6"></i>
|
||||
<span class="hide-xs">
|
||||
<i class="fa fa-calendar-o fa-5"></i>
|
||||
<span class="hide-sm"><i class="fa fa-calendar-o fa-4"></i> </span>
|
||||
<i class="fa fa-calendar-o fa-3"></i>
|
||||
<i class="fa fa-calendar-o fa-2"></i>
|
||||
</span>
|
||||
<i class="fa fa-calendar-o fa-1"></i>
|
||||
</div>
|
||||
<h1 class="info-class">
|
||||
fa-calendar-o
|
||||
<small>
|
||||
<i class="fa fa-calendar-o"></i> ·
|
||||
Unicode: <span class="upper">f133</span> ·
|
||||
Created: v3.1 ·
|
||||
Categories:
|
||||
|
||||
Web Application Icons
|
||||
|
||||
|
||||
|
||||
|
||||
</small>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<p>After you get <a href="../../get-started/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code><i></code> tag:</p>
|
||||
<div class="well well-transparent">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="fa fa-calendar-o"></i> fa-calendar-o
|
||||
</div>
|
||||
</div>
|
||||
<div class="highlight"><pre><code class="html"><span class="nt"><i</span> <span class="na">class=</span><span class="s">"fa fa-calendar-o"</span><span class="nt">></i></span>
|
||||
</code></pre></div>
|
||||
<br>
|
||||
<div class="lead"><i class="fa fa-info-sign"></i> Looking for more? Check out the <a href="../../examples/">examples</a>.</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3">
|
||||
<div class="vertical-ad"><script src="https://cdn.fusionads.net/fusion.js?zoneid=1332&serve=C6SDP2Y&placement=fontawesome" id="_fusionads_js"></script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer id="footer" class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div id="bsap_1298241" class="bsarocks bsap_b1146e3f9fa32a794fc6d2c7be47ece8">
|
||||
<a href="http://www.wpbeginner.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'wpbeginner.com']);">
|
||||
<img src="../../assets/img/logo-wpbeginner.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
<a href="https://themeisle.com/?utm_source=fontawesome_footer&utm_medium=banner&utm_campaign=fontawesome" title="Beginner's Guide to WordPress" target="_blank" rel="nofollow"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'themeisle.com']);">
|
||||
<img src="../../assets/img/logo-themeisle.png" width="220" height="65" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<i class="fa fa-flag"></i> Font Awesome 4.5.0
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Created by <a href="https://twitter.com/davegandy">Dave Gandy</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
|
||||
<span class="hide-xs">·</span><br class="hide-sm hide-md hide-lg">
|
||||
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
|
||||
<span class="hide-xs hide-sm">·</span><br class="hide-md hide-lg">
|
||||
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378/"><i class="fa fa-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#fontawesome_tab">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
|
||||
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a> ·
|
||||
<a href="../../3.2.1">Old 3.2.1 Docs</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="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/algoliasearch.helper/2/algoliasearch.helper.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"></script>
|
||||
<script src="../../assets/js/site.js"></script>
|
||||
<script src="../../assets/js/search.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user