Font Awesome 4.xのアイコンのclass名を確認するときのページ


Webサイト制作でよく利用するFont Awesomeですが、先日にバージョン5がリリースされました。

今回は、SVG対応など大幅なバージョンアップがなされています。

5へのバージョンアップに伴い、class名も次のように変更されました。

 

新しくFont Awesome 5で使う場合は、このサイトを見ながらclass名を確認して、今までのように使えばOKです。

しかし、過去のサイトでFont Awesome 4.xを使ってた場合、新サイトでは過去のclass名を確認することができなくなりました。

それでは、Font Awesome 4.xは、どこでclass名を確認すればよいのでしょうか?

過去のバージョンはここに移動されていました。

ということで、このページを見ればFont Awesome 4.xのアイコンも確認することができます。

https://fontawesome.com/v4.7.0/icons/

 

ちなみに、新しいFont Awesome 5も使ってみたのですが中々よいですね。新しいサイトでは、こっちを使っていこうと思います。

この記事を書いた人:

ナカシマ

北区赤羽在住のWEBデザイナー兼エンジニア。インターネット、WordPress、本・漫画、音楽が大好き。妻と猫と暮らすアップル信者。

BLOG: 着ぐるみ追い剥ぎペンギン