Font Awesomeを使ってアイコンをWebフォントで表示しよう

※Font Awesomeが提供しているスタイルをサンプルとして当てています。そのなかでも、特に使えそうなものをピックアップしてサンプルとしています。

Font Awesome Examples

1.アイコンの表示

  • fa-check-circle
  • fa-tags
  • fa-wrench

2.アイコンの拡大

  • 通常の大きさ
  • 2倍の大きさ
  • 3倍の大きさ
  • 4倍の大きさ
  • 5倍の大きさ

3.アイコンのアニメーション

  • アニメーション
  • アニメーション

4.アイコンの回転移動

  • 基本
  • 90度の回転
  • 180度の回転
  • 270度の回転