HTML入門 - ITの壺

Font Awesomeのアイコンギャラリー

※こちらは、Font Awesomeで紹介されているアイコンフォントを利用するためのHTMLソースとユニコードを簡単にコピーできるギャラリーです。

「Font Awesome」とは

「Font Awesome」とは、Web上でよく利用されるアイコンを画像ではなく文字として表示できるフォントセットにしたものです。利用頻度の高いアイコンをはじめ500以上ものアイコンフォントが用意されています。さらにCSS3でアイコンフォントの装飾を設定できる機能も提供されており、フォントの大きさや回転アニメーション・角度指定・重ね表示など簡単に設定することができます。

以下は、実際に「Font Awesome」を利用したサンプルになります。このように簡単に設定できる手軽さが魅力です。

• .
• .
• .
• .

「Font Awesome」の利用方法については、「Font Awesomeの使い方」を確認してください。

アイコンギャラリーの利用方法

アイコンギャラリーでは以下のような形式で表示しています。

「HTML」をクリックすると以下のようにアイコン表示のHTMLソースをコピーします。

<i class="fa fa-gratipay">ハートのアイコン</i>

「Unicode」をクリックすると独自クラスの設定に利用するアイコンフォントのUnicodeをコピーします。

f042

アイコンギャラリー

• 
• ツイート