【Rails】Font Awesomeの使い方 - Qiita

はじめに Webページを見ると歯車やゴミ箱などいろんなアイコンが使われています。 自前ではなかなかアイコンを作れませんが、Web上にはさまざまなアイコンを無料で用意してくれている便利なサイトがあります。 今回はFont Awesomeを使ってアイコンを表示させる方法を書いてみようと思います。 htmlとhamlで使い方が若干異なるのでそれぞれ説明します。 ちなみにFont Awesomeの読み方は"フォントオーサム"です。アウェサムとか言わないようにしましょう笑 使いたいアイコンを探す まずは使用するアイコンをFont Awesomeのページから探します。リンクをクリックすると以下のページに飛ぶので、左上の検索フォームに入力して検索してみましょう。 今回はtwitterのアイコンを使ってみようと思います。 検索するとこんな感じです。 色が濃く表示されているものが無料で使えるものになります。

[hujuu]

“<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.9.0/css/all.css">”