Twemoji Awesome
18 |Like Font Awesome , but for Twitter Emoji . Works with Emoji Cheat Sheet .
19 |Written by Elle Kasai , a UI designer/developer based in Vancouver, Canada .
20 |28 | Tweet 29 | 30 |
31 |Usage
36 |Twemoji | 39 |Emoji Cheat Sheet | 40 |HTML | 41 |
---|---|---|
44 | | :heart: |
45 | <i class="twa twa-heart"></i> |
46 |
49 | | :sparkles: |
50 | <i class="twa twa-lg twa-sparkles"></i> |
51 |
54 | | :hatching_chick: |
55 | <i class="twa twa-2x twa-hatching-chick"></i> |
56 |
Notes
61 | 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.
66 |Tweets
71 |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
72 | Thanks to @chibicode for revising my English.
73 |