title: Rails - using font-awesome icons
body: <p>I have a rails 4 app and am trying to use the font awesome icons in it (for social media login links).</p>
  
  <p>I have:</p>
  
  <pre><code> /* application.css.css:
   *= require_framework_and_overrides.css.scss
   *= require_self
   *= require_tree .
   */
  
  /* framework_and_overrides.css.css: */
  @import "bootstrap-sprockets";
  @import "bootstrap";
  @import "font-awesome-sprockets";
  @import "font-awesome";
  </code></pre>
  
  <p>In my gemfile:</p>
  
  <pre><code>gem 'font-awesome-sass', '~&gt; 4.4.0'
  </code></pre>
  
  <p>I am also using bootstrap sass.</p>
  
  <p>In my view, I try:</p>
  
  <pre><code>&lt;%= link_to content_tag(icon('facebook', class: 'facebookauth')) %&gt;
  </code></pre>
  
  <p>It renders "&lt;>>" with nothing in between.</p>
  
  <p>I have also tried:</p>
  
  <pre><code>&lt;%= link_to content_tag icon('facebook', class: 'facebookauth') %&gt;
  </code></pre>
  
  <p>I get the same error.</p>
  
  <p>When I try:</p>
  
  <pre><code>&lt;%= link_to content_tag(fa_icon('facebook', class: 'facebookauth')) %&gt;
  &lt;%= link_to content_tag fa_icon('facebook', class: 'facebookauth') %&gt;
  </code></pre>
  
  <p>I get this error:</p>
  
  <pre><code>undefined method `fa_icon' for
  </code></pre>
  
  <p>Does anyone know how to use font-awesome in Rails?</p>
  
  <p>A new attempt:</p>
  
  
                              
  
  <pre><code>                        &lt;%= link_to  icon('google', id: 'googleauth'), user_omniauth_authorize_path(:google_oauth2) %&gt;
  
                          &lt;%= link_to icon('linkedin', id: 'linkedinauth'), user_omniauth_authorize_path(:linkedin) %&gt;
  
                          &lt;%= link_to icon('twitter', id: 'twitterauth'), user_omniauth_authorize_path(:twitter) %&gt;
                      &lt;% end %&gt;   
  </code></pre>
  
  <p>This works fine to make the links, but I'm trying to put styling on the icons. </p>
  
  <p>I have defined a css div called :facebookauth.</p>
  
  <p>When I change the above, to:</p>
  
  <pre><code>&lt;%= link_to icon('facebook', id: 'facebookauth'), user_omniauth_authorize_path(:facebook) %&gt;
  </code></pre>
  
  <p>Or try:</p>
  
  <pre><code>&lt;%= link_to icon('facebook', class: 'facebookauth'), user_omniauth_authorize_path(:facebook) %&gt;
  </code></pre>
  
  <p>The links disappear.  I want to make the size bigger and use my color styles. How can I put CSS on these links?</p>