2013-05-03 02:12:33 +02:00
|
|
|
---
|
|
|
|
layout: base
|
|
|
|
title: Font Awesome Icons
|
|
|
|
navbar_active: icons
|
2013-05-09 05:15:29 +02:00
|
|
|
relative_path: ../
|
2013-05-03 02:12:33 +02:00
|
|
|
---
|
2016-04-01 15:45:15 +02:00
|
|
|
{% capture jumbotron_h1 %}<i class="fa fa-flag" aria-hidden="true"></i> The Icons{% endcapture %}
|
2018-02-06 03:57:05 +01:00
|
|
|
{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in {{ site.forkawesome.name }} {{ site.forkawesome.version }}{% endcapture %}
|
2013-05-03 02:12:33 +02:00
|
|
|
|
|
|
|
{% include jumbotron.html %}
|
|
|
|
|
2015-08-31 17:01:56 +02:00
|
|
|
<div class="container" data-view="search">
|
|
|
|
<div class="row">
|
2017-09-06 22:14:36 +02:00
|
|
|
<div class="col-sm-10">
|
2015-08-31 17:01:56 +02:00
|
|
|
<section id="search">
|
2016-04-01 15:45:15 +02:00
|
|
|
<label for="search-input"><i class="fa fa-search" aria-hidden="true"></i><span class="sr-only">Search icons</span></label>
|
2015-08-31 17:01:56 +02:00
|
|
|
<input id="search-input" class="form-control input-lg" placeholder="Search icons" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
|
2016-04-01 15:45:15 +02:00
|
|
|
<a id="search-clear" href="#" class="fa fa-times-circle hide" aria-hidden="true"><span class="sr-only">Clear search</span></a>
|
2015-08-31 17:01:56 +02:00
|
|
|
</section>
|
|
|
|
</div>
|
2017-09-06 22:14:36 +02:00
|
|
|
<div class="col-sm-2 padding-left-none hidden-xs">
|
|
|
|
<div class="algolia text-center">
|
|
|
|
<a href="https://algolia.com"><i class="fas fas-algolia-new fas-4x" aria-hidden="true"></i><div>by Algolia</div></a>
|
2015-08-31 17:01:56 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2013-11-19 20:24:23 +01:00
|
|
|
|
2015-08-31 17:01:56 +02:00
|
|
|
<div id="search-results" class="hide"></div>
|
|
|
|
<div id="icons">
|
|
|
|
{% include icons/new.html %}
|
|
|
|
{% include icons/web-application.html %}
|
2016-04-06 18:45:20 +02:00
|
|
|
{% include icons/accessibility.html %}
|
2015-08-31 17:01:56 +02:00
|
|
|
{% include icons/hand.html %}
|
|
|
|
{% include icons/transportation.html %}
|
|
|
|
{% include icons/gender.html %}
|
|
|
|
{% include icons/file-type.html %}
|
|
|
|
{% include icons/spinner.html %}
|
|
|
|
{% include icons/form-control.html %}
|
|
|
|
{% include icons/payment.html %}
|
|
|
|
{% include icons/chart.html %}
|
|
|
|
{% include icons/currency.html %}
|
|
|
|
{% include icons/text-editor.html %}
|
|
|
|
{% include icons/directional.html %}
|
|
|
|
{% include icons/video-player.html %}
|
|
|
|
{% include icons/brand.html %}
|
|
|
|
{% include icons/medical.html %}
|
|
|
|
</div>
|
|
|
|
<script type="text/template" id="results-template">
|
2016-11-21 17:35:14 +01:00
|
|
|
<h2 class="page-header">Search for '<span class="text-color-default"><%- content.query %></span>'</h2>
|
2015-09-01 18:06:49 +02:00
|
|
|
<% if (content.nbHits > 0) { %>
|
2015-08-31 17:01:56 +02:00
|
|
|
<div class="row fontawesome-icon-list">
|
2015-09-01 18:06:49 +02:00
|
|
|
<%= results %>
|
2015-08-31 17:39:35 +02:00
|
|
|
</div>
|
2015-08-31 17:01:56 +02:00
|
|
|
<% } else { %>
|
2015-09-01 18:07:46 +02:00
|
|
|
<div class="alert alert-danger text-lg" role="alert">
|
2016-04-01 15:45:15 +02:00
|
|
|
<h3 class="margin-top margin-bottom-lg"><i class="fa fa-meh-o" aria-hidden="true"></i> Oops! No icons matched your query.</h3>
|
2015-09-01 18:07:46 +02:00
|
|
|
A few things that might help:
|
|
|
|
<ol>
|
|
|
|
<li>
|
2016-04-07 00:10:16 +02:00
|
|
|
Use <a class="alert-link" href="https://fortawesome.com">Fort Awesome</a> (our latest project) to add your
|
2015-09-01 18:07:46 +02:00
|
|
|
own icons and take your icon game to the next level!
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
Really, really want to see an icon in Font Awesome?
|
2016-04-07 00:10:16 +02:00
|
|
|
<a class="alert-link" href="mailto:dave@fortawesome.com">Drop me an email</a> to commission the icons you need!
|
2015-09-01 18:07:46 +02:00
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
Are we missing something in our search results?
|
|
|
|
<a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues/new">Open an issue on GitHub!</a>
|
|
|
|
(Make sure to <a class="alert-link" href="https://github.com/FortAwesome/Font-Awesome/issues">search existing
|
|
|
|
issues first</a>.)
|
|
|
|
</li>
|
|
|
|
</ol>
|
2015-08-31 17:39:35 +02:00
|
|
|
</div>
|
2015-08-31 17:01:56 +02:00
|
|
|
<% } %>
|
|
|
|
</script>
|
2015-09-01 18:06:49 +02:00
|
|
|
<script type="text/template" id="result-template">
|
|
|
|
<div class="fa-hover col-md-3 col-sm-4">
|
|
|
|
<a href="{{ page.relative_path }}icon/<%= result.name %>">
|
2016-04-01 15:45:15 +02:00
|
|
|
<i class="fa <%= result.css_class %>" aria-hidden="true"></i> <%= result._highlightResult.name.value %>
|
2015-09-01 18:15:14 +02:00
|
|
|
<% if (matches.length > 0) { %>
|
|
|
|
<span class="text-muted">(<%= matches.join(", ") %>)</span>
|
|
|
|
<% } %>
|
2015-09-01 18:06:49 +02:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</script>
|
2013-05-03 02:12:33 +02:00
|
|
|
</div>
|