ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Font Awesomeを使うと手軽にアイコンを差し込めるとあって利用者はとても多いです。最近よくある単色系のモダンなWebページを作ろうと思ったらとりあえず入れておくという方も多いのではないでしょうか。

そんなFont Awesomeの絵文字版を目指すのがemoji-awesomeです。JavaScriptは使わず、クラスプラットフォームで使える絵文字アイコンを提供します。

emoji-awesomeの使い方

利用するのは簡単です。emクラスが基本で、さらに絵文字の名前を指定するだけです。

<i class="em em-heart"></i>
<i class="em em-gift"></i>
<i class="em em-bell"></i>

公式サイトには検索もついていますので使いたい絵文字をすぐに見つけられます。

ハートだけでも多彩にあります。

オブジェクト系も様々に。

メール系。

漢字もいくつか絵文字になっています。

emoji-awesomeはCSSだけで使えるのが便利ですが、実際には画像なので拡大して使うのには不向きです。さらにアイコンセットとしてApple/Google/Twitter/Emojione/Facebook/Messengerといった各サービス風のアイコンが利用できます。

emoji-awesomeはCSS製のオープンソース・ソフトウェア(MIT License)です。

emoji-awesome

zeeshanu/emoji-awesome: Cross platform, easy to use, no-javascript solution for the emoji awesomeness

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2