Twemoji Awesome
Like Font Awesome , but for Twitter Emoji . Works with Emoji Cheat Sheet .
Written by Elle Kasai , a UI designer/developer based in Vancouver, Canada .
Usage
Twemoji | Emoji Cheat Sheet | HTML |
---|---|---|
:heart: |
<i class="twa twa-heart"></i> |
|
:sparkles: |
<i class="twa twa-lg twa-sparkles"></i> |
|
:hatching_chick: |
<i class="twa twa-2x twa-hatching-chick"></i> |
Notes
The emoji styles are defined in twemoji-awesome.css. Like Font Awesome which uses fa-*
, Twemoji Awesome uses twa-*
for class names.
Twemoji Awesome uses Emoji Cheat Sheet for the class names. You must replace underscores with hyphens, as shown in the :hatching_chick:
example.
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.
Tweets
we love seeing the community releasing things built on #twemoji already: "Twemoji Awesome" http://t.co/mHPAPQyShZ pic.twitter.com/c1O3fE3fP9
— Twitter Open Source (@TwitterOSS) November 11, 2014
Thanks to @chibicode for revising my English.