Start line:  
End line:  

Snippet Preview

Snippet HTML Code

Stack Overflow Questions
layout: base
title_suffix: Font Awesome Icons
relative_path: ../../
<div class="jumbotron jumbotron-icon">
  <div class="container">
    <div class="info-icons">
      <i class="icon-{{ }} icon-6"></i>&nbsp;&nbsp;
      <span class="hidden-phone">
        <i class="icon-{{ }} icon-5"></i>&nbsp;&nbsp;
        <span class="hidden-tablet"><i class="icon-{{ }} icon-4"></i>&nbsp;&nbsp;</span>
        <i class="icon-{{ }} icon-3"></i>&nbsp;&nbsp;
        <i class="icon-{{ }} icon-2"></i>&nbsp;
      <i class="icon-{{ }} icon-1"></i>
    <h1 class="info-class">
      icon-{{ }}
        <i class="icon-{{ }}"></i> &middot;
        Unicode: <span class="upper">{{ page.icon.unicode }}</span> &middot;
        Created: v{{ page.icon.created }} &middot;
        {% for category in page.icon.categories %}
          {{ category }}{% unless forloop.last %},{% endunless %}
        {% endfor %}
        {% assign icon_alias_count = page.icon.aliases | size %}
        {% if icon_alias_count > 0 %}
          &middot; Aliases:
          {% for alias in page.icon.aliases %}
            icon-{{ alias }}{% unless forloop.last %},{% endunless %}
          {% endfor %}
        {% endif %}

<div class="container">
    <div class="row-fluid">
      <div class="span9">
        <p>After you get <a href="{{ page.relative_path }}integration/">up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag:</p>
        <div class="well well-transparent">
          <div style="font-size: 24px; line-height: 1.5em;">
            <i class="icon-{{ }}"></i> icon-{{ }}
{% highlight html %}
<i class="icon-{{ }}"></i> icon-{{ }}
{% endhighlight %}
        <div class="lead"><i class="icon-info-sign"></i> Looking for more? Check out the <a href="{{ page.relative_path }}examples/">examples</a>.</div>
      <div class="span3">
        <div class="info-ad">{% include ads/carbon-light-vertical.html %}</div>
New to GrepCode? Check out our FAQ X