font-awesome-railsとは
webフォントアイコンを無料で使えるFont Awesomeを簡単にrailsで使えるライブラリ
Font Awesomeは拡大してもぼやけたりしないことが特徴です。
自分の好みの色やサイズに変更できます。
※font-awesome-railsは最新版に対応していないため、使えるアイコンが少し少ないです。
そんな方にはfont-awesome-sassがおすすめです。
font-awesome-rails導入
Gemfile
gem 'font-awesome-rails'
$ bundle install
application.cssの場合
*= require font-awesome
application.scssの場合
@import "font-awesome";
準備完了
使い方
基本
<i class="fa fa-アイコン名"></i>
サイズ変更
<i class="fas fa-アイコン名 fa-lg"></i>
fa-lg (1.333…倍)
fa-2x (2倍)
fa-3x (3倍)
fa-4x (4倍)
fa-5x (5倍)
その他のサイズや色に変更したい時はcssに書けばできます。