マテリアルアイコンをRuby on Railsで使う

使うもの

• Materialize sass ruby gem
• Material Icons for Rails

準備

Gemのインストール

Gemfileに下記2行を追加

gem 'materialize-sass'
gem 'material_icons'

bundle installする

scssに追加

app/assets/stylesheets/application.scssに下記1行を追加

@import "materialize/components/icons-material-design";

使い方

HTMLタグを使う方法

<i class="material-icons">face</i>
<i class="material-icons md-36">face</i>

ヘルパーを使う方法

<%= material_icon.face %>
<%= mi.face %>

参考

MATERIAL DESIGN ICONS
Material Icons Guide
Materialize Icons
0から分かるマテリアルデザインの作り方
マテリアルデザインについて少し調べる