Emoji icon font

This is an experimental font with 650 glyphs. For a live demo, go to http://jslegers.github.io/emoji-icon-font/.

This icon font pretty much a proof of concept to illustrate the use of standardized UNICODE planes for icon fonts.

Icons typically are re-adjusted to be centered on a square grid.

The font has a focus on icons that are already supported by standardized UNICODE planes (❤, ☃,❄,★,☂,☭,...)

The Icomoon app was used to build the icon set

Note :

For sake of performance and flexibility, this font could be split up into several sub-fonts based on content (eg. 'food icons', 'holiday icons', 'arrows', 'chess icons', ...). They could then be merged or used as individual fonts on a per project basis. As they use standard UNICODE values, there would not be any compatibility issue when combining several of these fonts individually, nor with combining these fonts with regular fonts.

That means you could do something like this :

body {
    font-family: opensans, sans-serif;
}

.rate, .chat {
    font-family: icons-web, opensans, sans-serif;
}

.icon {
    font-family: icons-web, icons-arrows, icons-social,
                 icons-holiday, opensans, sans-serif;
}

<div class='rate'>
    I rate this movie ★★★★☆
</div>

<p>
    Press the <span class="icon">&#8635;</span> button to refresh the page.
<p