Twemoji Awesome

Like Font Awesome , but for Twitter Emoji v2 .

Written by Elle Kasai (@ellekasai) , a UI/UX designer based in Vancouver, Canada .

Re-Written by Angel Cruz (@abr4xas) Frontend Dev.

Usage

Twemoji HTML
<i class="twa twa-2665"></i>
<i class="twa twa-lg twa-2728"></i>
<i class="twa twa-2x twa-1f423"></i>

Check demo page

Notes

The emoji styles are defined in twemoji-awesome.css. Like Font Awesome which uses fa-*, Twemoji Awesome uses twa-* for class names.

Like Font Awesome, you can change emoji sizes via twa-lg, twa-2x, twa-3x, twa-4x and twa-5x.

Twemoji Awesome uses SVG images as background-image, and some browsers don't support this. Images are served from MaxCDN (big thanks ).

Code licensed under MIT. Graphics licensed under CC-BY.

News

Twemoji Awesome uses Twitter Emoji v2

Emoji names are now string like twemoji/2/svg from Github.