---
layout: base
title: Font Awesome Examples
navbar_active: examples
relative_path: ../
---
{% capture jumbotron_h1 %}<i class="fa fa-magic"></i>&nbsp; Examples{% endcapture %}
{% capture jumbotron_p %}Lots of easy ways to use Font Awesome{% endcapture %}

{% include jumbotron.html %}
{% include stripe-social.html %}

<div class="container">
  {% capture stripe_ad_content %}
  <p class="lead">
    After you <a href="{{ page.relative_path }}get-started/">get up and running</a>, you can place Font Awesome icons just about
    anywhere with the <code>&lt;i&gt;</code> tag.
    Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
  </p>
  {% endcapture %}
  {% include stripe-ad.html %}

  {% include examples/inline-icons.html %}
  {% include examples/larger-icons.html %}
  {% include examples/bordered-pulled.html %}
  {% include examples/buttons.html %}
  {% include examples/button-groups.html %}
  {% include examples/button-dropdowns.html %}
  {% include examples/list-bullets.html %}
  {% include examples/navigation.html %}
  {% include examples/form-inputs.html %}
  {% include examples/animated-spinner.html %}
  {% include examples/rotated-flipped.html %}
  {% include examples/stacked.html %}
  {% include examples/custom.html %}
</div>