index.html 54 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>emoji-awesome</title>
  6. <link rel="stylesheet" type="text/css" href="css/app.css">
  7. <link rel="stylesheet" id="emoji-css" type="text/css" href="css/apple.css">
  8. <style type="text/css">
  9. iframe { display: block; margin: 25px auto; }
  10. </style>
  11. </head>
  12. <body>
  13. <div class="page-wrap">
  14. <div class="hero-section">
  15. <div class="container">
  16. <h1>
  17. emoji-awesome <i class="em em-tada"></i>
  18. </h1>
  19. <p>Cross platform, easy to use, no-javascript solution for the emoji awesomeness <i class="em em-sunglasses"></i></p>
  20. <p>
  21. <i class="em em-alien"></i>
  22. <i class="em em-tada"></i>
  23. <i class="em em-heart"></i>
  24. <i class="em em-gift"></i>
  25. <i class="em em-raised_hands"></i>
  26. <i class="em em-fire"></i>
  27. <i class="em em-couple"></i>
  28. <i class="em em-clap"></i>
  29. </p>
  30. <iframe src="https://ghbtns.com/github-btn.html?user=ziishaned&repo=emoji-awesome&type=watch&size=large&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="150" height="30"></iframe>
  31. </div>
  32. </div>
  33. <div class="hero-foot">
  34. <div class="container">
  35. <h1>Change emoji set</h1>
  36. <ul class="emoji-sets">
  37. <li>
  38. <button class="emoji-set" data-href="css/apple.css">Apple</button>
  39. </li>
  40. <li>
  41. <button class="emoji-set" data-href="css/google.css">Google</button>
  42. </li>
  43. <li>
  44. <button class="emoji-set" data-href="css/twitter.css">Twitter</button>
  45. </li>
  46. <li>
  47. <button class="emoji-set" data-href="css/emojione.css">Emojione</button>
  48. </li>
  49. <li>
  50. <button class="emoji-set" data-href="css/facebook.css">Facebook</button>
  51. </li>
  52. <li>
  53. <button class="emoji-set" data-href="css/messenger.css">Messenger</button>
  54. </li>
  55. </ul>
  56. </div>
  57. </div>
  58. <div class="section">
  59. <div class="container">
  60. <h2>How to Use?</h2>
  61. <p>Just include the given CSS file and start using emojis <i class="em em-clap"></i> </p>
  62. <p>
  63. <code>&lt;i class="em em-heart"&gt;&lt;/i&gt;</code> <i class="em em-heart"></i> <br>
  64. <code>&lt;i class="em em-gift"&gt;&lt;/i&gt;</code> <i class="em em-gift"></i> <br>
  65. <code>&lt;i class="em em-bell"&gt;&lt;/i&gt;</code> <i class="em em-bell"></i> <br>
  66. </p>
  67. </div>
  68. </div>
  69. <div class="section">
  70. <div class="container">
  71. <h2>Search emoji</h2>
  72. <p>Use the search below to find appropriate emoji</p>
  73. <input id="search-emoji" type="text" name="" value="" oninput="findEmoji();" />
  74. <br><br>
  75. <div id="emoji-lists">
  76. <h2>People</h2>
  77. <ul class="emoji-list list-unstyled list-inline">
  78. <li><i class="em em-smile"></i> em-smile</li>
  79. <li><i class="em em-laughing"></i> em-laughing</li>
  80. <li><i class="em em-blush"></i> em-blush</li>
  81. <li><i class="em em-smiley"></i> em-smiley</li>
  82. <li><i class="em em-relaxed"></i> em-relaxed</li>
  83. <li><i class="em em-smirk"></i> em-smirk</li>
  84. <li><i class="em em-heart_eyes"></i> em-heart_eyes</li>
  85. <li><i class="em em-kissing_heart"></i> em-kissing_heart</li>
  86. <li><i class="em em-kissing_closed_eyes"></i> em-kissing_closed_eyes</li>
  87. <li><i class="em em-flushed"></i> em-flushed</li>
  88. <li><i class="em em-relieved"></i> em-relieved</li>
  89. <li><i class="em em-satisfied"></i> em-satisfied</li>
  90. <li><i class="em em-grin"></i> em-grin</li>
  91. <li><i class="em em-wink"></i> em-wink</li>
  92. <li><i class="em em-stuck_out_tongue_winking_eye"></i> em-stuck_out_tongue_winking_eye</li>
  93. <li><i class="em em-stuck_out_tongue_closed_eyes"></i> em-stuck_out_tongue_closed_eyes</li>
  94. <li><i class="em em-grinning"></i> em-grinning</li>
  95. <li><i class="em em-kissing"></i> em-kissing</li>
  96. <li><i class="em em-kissing_smiling_eyes"></i> em-kissing_smiling_eyes</li>
  97. <li><i class="em em-stuck_out_tongue"></i> em-stuck_out_tongue</li>
  98. <li><i class="em em-sleeping"></i> em-sleeping</li>
  99. <li><i class="em em-worried"></i> em-worried</li>
  100. <li><i class="em em-frowning"></i> em-frowning</li>
  101. <li><i class="em em-anguished"></i> em-anguished</li>
  102. <li><i class="em em-open_mouth"></i> em-open_mouth</li>
  103. <li><i class="em em-grimacing"></i> em-grimacing</li>
  104. <li><i class="em em-confused"></i> em-confused</li>
  105. <li><i class="em em-hushed"></i> em-hushed</li>
  106. <li><i class="em em-expressionless"></i> em-expressionless</li>
  107. <li><i class="em em-unamused"></i> em-unamused</li>
  108. <li><i class="em em-sweat_smile"></i> em-sweat_smile</li>
  109. <li><i class="em em-sweat"></i> em-sweat</li>
  110. <li><i class="em em-disappointed_relieved"></i> em-disappointed_relieved</li>
  111. <li><i class="em em-weary"></i> em-weary</li>
  112. <li><i class="em em-pensive"></i> em-pensive</li>
  113. <li><i class="em em-disappointed"></i> em-disappointed</li>
  114. <li><i class="em em-confounded"></i> em-confounded</li>
  115. <li><i class="em em-fearful"></i> em-fearful</li>
  116. <li><i class="em em-cold_sweat"></i> em-cold_sweat</li>
  117. <li><i class="em em-persevere"></i> em-persevere</li>
  118. <li><i class="em em-cry"></i> em-cry</li>
  119. <li><i class="em em-sob"></i> em-sob</li>
  120. <li><i class="em em-joy"></i> em-joy</li>
  121. <li><i class="em em-astonished"></i> em-astonished</li>
  122. <li><i class="em em-scream"></i> em-scream</li>
  123. <li><i class="em em-tired_face"></i> em-tired_face</li>
  124. <li><i class="em em-angry"></i> em-angry</li>
  125. <li><i class="em em-rage"></i> em-rage</li>
  126. <li><i class="em em-triumph"></i> em-triumph</li>
  127. <li><i class="em em-sleepy"></i> em-sleepy</li>
  128. <li><i class="em em-yum"></i> em-yum</li>
  129. <li><i class="em em-mask"></i> em-mask</li>
  130. <li><i class="em em-sunglasses"></i> em-sunglasses</li>
  131. <li><i class="em em-dizzy_face"></i> em-dizzy_face</li>
  132. <li><i class="em em-imp"></i> em-imp</li>
  133. <li><i class="em em-smiling_imp"></i> em-smiling_imp</li>
  134. <li><i class="em em-neutral_face"></i> em-neutral_face</li>
  135. <li><i class="em em-no_mouth"></i> em-no_mouth</li>
  136. <li><i class="em em-innocent"></i> em-innocent</li>
  137. <li><i class="em em-alien"></i> em-alien</li>
  138. <li><i class="em em-yellow_heart"></i> em-yellow_heart</li>
  139. <li><i class="em em-blue_heart"></i> em-blue_heart</li>
  140. <li><i class="em em-purple_heart"></i> em-purple_heart</li>
  141. <li><i class="em em-heart"></i> em-heart</li>
  142. <li><i class="em em-green_heart"></i> em-green_heart</li>
  143. <li><i class="em em-broken_heart"></i> em-broken_heart</li>
  144. <li><i class="em em-heartbeat"></i> em-heartbeat</li>
  145. <li><i class="em em-heartpulse"></i> em-heartpulse</li>
  146. <li><i class="em em-two_hearts"></i> em-two_hearts</li>
  147. <li><i class="em em-revolving_hearts"></i> em-revolving_hearts</li>
  148. <li><i class="em em-cupid"></i> em-cupid</li>
  149. <li><i class="em em-sparkling_heart"></i> em-sparkling_heart</li>
  150. <li><i class="em em-sparkles"></i> em-sparkles</li>
  151. <li><i class="em em-star"></i> em-star</li>
  152. <li><i class="em em-star2"></i> em-star2</li>
  153. <li><i class="em em-dizzy"></i> em-dizzy</li>
  154. <li><i class="em em-collision"></i> em-collision</li>
  155. <li><i class="em em-anger"></i> em-anger</li>
  156. <li><i class="em em-exclamation"></i> em-exclamation</li>
  157. <li><i class="em em-question"></i> em-question</li>
  158. <li><i class="em em-grey_exclamation"></i> em-grey_exclamation</li>
  159. <li><i class="em em-grey_question"></i> em-grey_question</li>
  160. <li><i class="em em-zzz"></i> em-zzz</li>
  161. <li><i class="em em-dash"></i> em-dash</li>
  162. <li><i class="em em-sweat_drops"></i> em-sweat_drops</li>
  163. <li><i class="em em-notes"></i> em-notes</li>
  164. <li><i class="em em-musical_note"></i> em-musical_note</li>
  165. <li><i class="em em-fire"></i> em-fire</li>
  166. <li><i class="em em-hankey"></i> em-hankey</li>
  167. <li><i class="em em-poop"></i> em-poop</li>
  168. <li><i class="em em-shit"></i> em-shit</li>
  169. <li><i class="em em---1"></i> em---1</li>
  170. <li><i class="em em-thumbsup"></i> em-thumbsup</li>
  171. <li><i class="em em--1"></i> em--1</li>
  172. <li><i class="em em-thumbsdown"></i> em-thumbsdown</li>
  173. <li><i class="em em-ok_hand"></i> em-ok_hand</li>
  174. <li><i class="em em-punch"></i> em-punch</li>
  175. <li><i class="em em-facepunch"></i> em-facepunch</li>
  176. <li><i class="em em-fist"></i> em-fist</li>
  177. <li><i class="em em-v"></i> em-v</li>
  178. <li><i class="em em-wave"></i> em-wave</li>
  179. <li><i class="em em-hand"></i> em-hand</li>
  180. <li><i class="em em-raised_hand"></i> em-raised_hand</li>
  181. <li><i class="em em-open_hands"></i> em-open_hands</li>
  182. <li><i class="em em-point_up"></i> em-point_up</li>
  183. <li><i class="em em-point_down"></i> em-point_down</li>
  184. <li><i class="em em-point_left"></i> em-point_left</li>
  185. <li><i class="em em-point_right"></i> em-point_right</li>
  186. <li><i class="em em-raised_hands"></i> em-raised_hands</li>
  187. <li><i class="em em-pray"></i> em-pray</li>
  188. <li><i class="em em-point_up_2"></i> em-point_up_2</li>
  189. <li><i class="em em-clap"></i> em-clap</li>
  190. <li><i class="em em-muscle"></i> em-muscle</li>
  191. <li><i class="em em-runner"></i> em-runner</li>
  192. <li><i class="em em-running"></i> em-running</li>
  193. <li><i class="em em-couple"></i> em-couple</li>
  194. <li><i class="em em-family"></i> em-family</li>
  195. <li><i class="em em-two_men_holding_hands"></i> em-two_men_holding_hands</li>
  196. <li><i class="em em-two_women_holding_hands"></i> em-two_women_holding_hands</li>
  197. <li><i class="em em-dancer"></i> em-dancer</li>
  198. <li><i class="em em-dancers"></i> em-dancers</li>
  199. <li><i class="em em-ok_woman"></i> em-ok_woman</li>
  200. <li><i class="em em-no_good"></i> em-no_good</li>
  201. <li><i class="em em-information_desk_person"></i> em-information_desk_person</li>
  202. <li><i class="em em-raising_hand"></i> em-raising_hand</li>
  203. <li><i class="em em-bride_with_veil"></i> em-bride_with_veil</li>
  204. <li><i class="em em-person_with_pouting_face"></i> em-person_with_pouting_face</li>
  205. <li><i class="em em-person_frowning"></i> em-person_frowning</li>
  206. <li><i class="em em-bow"></i> em-bow</li>
  207. <li><i class="em em-couplekiss"></i> em-couplekiss</li>
  208. <li><i class="em em-couple_with_heart"></i> em-couple_with_heart</li>
  209. <li><i class="em em-massage"></i> em-massage</li>
  210. <li><i class="em em-haircut"></i> em-haircut</li>
  211. <li><i class="em em-nail_care"></i> em-nail_care</li>
  212. <li><i class="em em-boy"></i> em-boy</li>
  213. <li><i class="em em-girl"></i> em-girl</li>
  214. <li><i class="em em-woman"></i> em-woman</li>
  215. <li><i class="em em-man"></i> em-man</li>
  216. <li><i class="em em-baby"></i> em-baby</li>
  217. <li><i class="em em-older_woman"></i> em-older_woman</li>
  218. <li><i class="em em-older_man"></i> em-older_man</li>
  219. <li><i class="em em-person_with_blond_hair"></i> em-person_with_blond_hair</li>
  220. <li><i class="em em-man_with_gua_pi_mao"></i> em-man_with_gua_pi_mao</li>
  221. <li><i class="em em-man_with_turban"></i> em-man_with_turban</li>
  222. <li><i class="em em-construction_worker"></i> em-construction_worker</li>
  223. <li><i class="em em-cop"></i> em-cop</li>
  224. <li><i class="em em-angel"></i> em-angel</li>
  225. <li><i class="em em-princess"></i> em-princess</li>
  226. <li><i class="em em-smiley_cat"></i> em-smiley_cat</li>
  227. <li><i class="em em-smile_cat"></i> em-smile_cat</li>
  228. <li><i class="em em-heart_eyes_cat"></i> em-heart_eyes_cat</li>
  229. <li><i class="em em-kissing_cat"></i> em-kissing_cat</li>
  230. <li><i class="em em-smirk_cat"></i> em-smirk_cat</li>
  231. <li><i class="em em-scream_cat"></i> em-scream_cat</li>
  232. <li><i class="em em-crying_cat_face"></i> em-crying_cat_face</li>
  233. <li><i class="em em-joy_cat"></i> em-joy_cat</li>
  234. <li><i class="em em-pouting_cat"></i> em-pouting_cat</li>
  235. <li><i class="em em-japanese_ogre"></i> em-japanese_ogre</li>
  236. <li><i class="em em-japanese_goblin"></i> em-japanese_goblin</li>
  237. <li><i class="em em-see_no_evil"></i> em-see_no_evil</li>
  238. <li><i class="em em-hear_no_evil"></i> em-hear_no_evil</li>
  239. <li><i class="em em-speak_no_evil"></i> em-speak_no_evil</li>
  240. <li><i class="em em-guardsman"></i> em-guardsman</li>
  241. <li><i class="em em-skull"></i> em-skull</li>
  242. <li><i class="em em-feet"></i> em-feet</li>
  243. <li><i class="em em-lips"></i> em-lips</li>
  244. <li><i class="em em-kiss"></i> em-kiss</li>
  245. <li><i class="em em-droplet"></i> em-droplet</li>
  246. <li><i class="em em-ear"></i> em-ear</li>
  247. <li><i class="em em-eyes"></i> em-eyes</li>
  248. <li><i class="em em-nose"></i> em-nose</li>
  249. <li><i class="em em-tongue"></i> em-tongue</li>
  250. <li><i class="em em-love_letter"></i> em-love_letter</li>
  251. <li><i class="em em-bust_in_silhouette"></i> em-bust_in_silhouette</li>
  252. <li><i class="em em-busts_in_silhouette"></i> em-busts_in_silhouette</li>
  253. <li><i class="em em-speech_balloon"></i> em-speech_balloon</li>
  254. <li><i class="em em-thought_balloon"></i> em-thought_balloon</li>
  255. </ul>
  256. <h2>Nature</h2>
  257. <ul class="emoji-list list-unstyled list-inline">
  258. <li><i class="em em-sunny"></i> em-sunny</li>
  259. <li><i class="em em-umbrella"></i> em-umbrella</li>
  260. <li><i class="em em-cloud"></i> em-cloud</li>
  261. <li><i class="em em-snowflake"></i> em-snowflake</li>
  262. <li><i class="em em-snowman"></i> em-snowman</li>
  263. <li><i class="em em-zap"></i> em-zap</li>
  264. <li><i class="em em-cyclone"></i> em-cyclone</li>
  265. <li><i class="em em-foggy"></i> em-foggy</li>
  266. <li><i class="em em-ocean"></i> em-ocean</li>
  267. <li><i class="em em-cat"></i> em-cat</li>
  268. <li><i class="em em-dog"></i> em-dog</li>
  269. <li><i class="em em-mouse"></i> em-mouse</li>
  270. <li><i class="em em-hamster"></i> em-hamster</li>
  271. <li><i class="em em-rabbit"></i> em-rabbit</li>
  272. <li><i class="em em-wolf"></i> em-wolf</li>
  273. <li><i class="em em-frog"></i> em-frog</li>
  274. <li><i class="em em-tiger"></i> em-tiger</li>
  275. <li><i class="em em-koala"></i> em-koala</li>
  276. <li><i class="em em-bear"></i> em-bear</li>
  277. <li><i class="em em-pig"></i> em-pig</li>
  278. <li><i class="em em-pig_nose"></i> em-pig_nose</li>
  279. <li><i class="em em-cow"></i> em-cow</li>
  280. <li><i class="em em-boar"></i> em-boar</li>
  281. <li><i class="em em-monkey_face"></i> em-monkey_face</li>
  282. <li><i class="em em-monkey"></i> em-monkey</li>
  283. <li><i class="em em-horse"></i> em-horse</li>
  284. <li><i class="em em-racehorse"></i> em-racehorse</li>
  285. <li><i class="em em-camel"></i> em-camel</li>
  286. <li><i class="em em-sheep"></i> em-sheep</li>
  287. <li><i class="em em-elephant"></i> em-elephant</li>
  288. <li><i class="em em-panda_face"></i> em-panda_face</li>
  289. <li><i class="em em-snake"></i> em-snake</li>
  290. <li><i class="em em-bird"></i> em-bird</li>
  291. <li><i class="em em-baby_chick"></i> em-baby_chick</li>
  292. <li><i class="em em-hatched_chick"></i> em-hatched_chick</li>
  293. <li><i class="em em-hatching_chick"></i> em-hatching_chick</li>
  294. <li><i class="em em-chicken"></i> em-chicken</li>
  295. <li><i class="em em-penguin"></i> em-penguin</li>
  296. <li><i class="em em-turtle"></i> em-turtle</li>
  297. <li><i class="em em-bug"></i> em-bug</li>
  298. <li><i class="em em-honeybee"></i> em-honeybee</li>
  299. <li><i class="em em-ant"></i> em-ant</li>
  300. <li><i class="em em-beetle"></i> em-beetle</li>
  301. <li><i class="em em-snail"></i> em-snail</li>
  302. <li><i class="em em-octopus"></i> em-octopus</li>
  303. <li><i class="em em-tropical_fish"></i> em-tropical_fish</li>
  304. <li><i class="em em-fish"></i> em-fish</li>
  305. <li><i class="em em-whale"></i> em-whale</li>
  306. <li><i class="em em-whale2"></i> em-whale2</li>
  307. <li><i class="em em-dolphin"></i> em-dolphin</li>
  308. <li><i class="em em-cow2"></i> em-cow2</li>
  309. <li><i class="em em-ram"></i> em-ram</li>
  310. <li><i class="em em-rat"></i> em-rat</li>
  311. <li><i class="em em-water_buffalo"></i> em-water_buffalo</li>
  312. <li><i class="em em-tiger2"></i> em-tiger2</li>
  313. <li><i class="em em-rabbit2"></i> em-rabbit2</li>
  314. <li><i class="em em-dragon"></i> em-dragon</li>
  315. <li><i class="em em-goat"></i> em-goat</li>
  316. <li><i class="em em-rooster"></i> em-rooster</li>
  317. <li><i class="em em-dog2"></i> em-dog2</li>
  318. <li><i class="em em-pig2"></i> em-pig2</li>
  319. <li><i class="em em-mouse2"></i> em-mouse2</li>
  320. <li><i class="em em-ox"></i> em-ox</li>
  321. <li><i class="em em-dragon_face"></i> em-dragon_face</li>
  322. <li><i class="em em-blowfish"></i> em-blowfish</li>
  323. <li><i class="em em-crocodile"></i> em-crocodile</li>
  324. <li><i class="em em-dromedary_camel"></i> em-dromedary_camel</li>
  325. <li><i class="em em-leopard"></i> em-leopard</li>
  326. <li><i class="em em-cat2"></i> em-cat2</li>
  327. <li><i class="em em-poodle"></i> em-poodle</li>
  328. <li><i class="em em-paw_prints"></i> em-paw_prints</li>
  329. <li><i class="em em-bouquet"></i> em-bouquet</li>
  330. <li><i class="em em-cherry_blossom"></i> em-cherry_blossom</li>
  331. <li><i class="em em-tulip"></i> em-tulip</li>
  332. <li><i class="em em-four_leaf_clover"></i> em-four_leaf_clover</li>
  333. <li><i class="em em-rose"></i> em-rose</li>
  334. <li><i class="em em-sunflower"></i> em-sunflower</li>
  335. <li><i class="em em-hibiscus"></i> em-hibiscus</li>
  336. <li><i class="em em-maple_leaf"></i> em-maple_leaf</li>
  337. <li><i class="em em-leaves"></i> em-leaves</li>
  338. <li><i class="em em-fallen_leaf"></i> em-fallen_leaf</li>
  339. <li><i class="em em-herb"></i> em-herb</li>
  340. <li><i class="em em-mushroom"></i> em-mushroom</li>
  341. <li><i class="em em-cactus"></i> em-cactus</li>
  342. <li><i class="em em-palm_tree"></i> em-palm_tree</li>
  343. <li><i class="em em-evergreen_tree"></i> em-evergreen_tree</li>
  344. <li><i class="em em-deciduous_tree"></i> em-deciduous_tree</li>
  345. <li><i class="em em-chestnut"></i> em-chestnut</li>
  346. <li><i class="em em-seedling"></i> em-seedling</li>
  347. <li><i class="em em-blossom"></i> em-blossom</li>
  348. <li><i class="em em-ear_of_rice"></i> em-ear_of_rice</li>
  349. <li><i class="em em-shell"></i> em-shell</li>
  350. <li><i class="em em-globe_with_meridians"></i> em-globe_with_meridians</li>
  351. <li><i class="em em-sun_with_face"></i> em-sun_with_face</li>
  352. <li><i class="em em-full_moon_with_face"></i> em-full_moon_with_face</li>
  353. <li><i class="em em-new_moon_with_face"></i> em-new_moon_with_face</li>
  354. <li><i class="em em-new_moon"></i> em-new_moon</li>
  355. <li><i class="em em-waxing_crescent_moon"></i> em-waxing_crescent_moon</li>
  356. <li><i class="em em-first_quarter_moon"></i> em-first_quarter_moon</li>
  357. <li><i class="em em-waxing_gibbous_moon"></i> em-waxing_gibbous_moon</li>
  358. <li><i class="em em-full_moon"></i> em-full_moon</li>
  359. <li><i class="em em-waning_gibbous_moon"></i> em-waning_gibbous_moon</li>
  360. <li><i class="em em-last_quarter_moon"></i> em-last_quarter_moon</li>
  361. <li><i class="em em-waning_crescent_moon"></i> em-waning_crescent_moon</li>
  362. <li><i class="em em-last_quarter_moon_with_face"></i> em-last_quarter_moon_with_face</li>
  363. <li><i class="em em-first_quarter_moon_with_face"></i> em-first_quarter_moon_with_face</li>
  364. <li><i class="em em-crescent_moon"></i> em-crescent_moon</li>
  365. <li><i class="em em-earth_africa"></i> em-earth_africa</li>
  366. <li><i class="em em-earth_americas"></i> em-earth_americas</li>
  367. <li><i class="em em-earth_asia"></i> em-earth_asia</li>
  368. <li><i class="em em-volcano"></i> em-volcano</li>
  369. <li><i class="em em-milky_way"></i> em-milky_way</li>
  370. <li><i class="em em-partly_sunny"></i> em-partly_sunny</li>
  371. </ul>
  372. <h2>Objects</h2>
  373. <ul class="emoji-list list-unstyled list-inline">
  374. <li><i class="em em-watch"></i> em-watch</li>
  375. <li><i class="em em-radio"></i> em-radio</li>
  376. <li><i class="em em-satellite"></i> em-satellite</li>
  377. <li><i class="em em-satellite_antenna"></i> em-satellite_antenna</li>
  378. <li><i class="em em-loop"></i> em-loop</li>
  379. <li><i class="em em-mag"></i> em-mag</li>
  380. <li><i class="em em-mag_right"></i> em-mag_right</li>
  381. <li><i class="em em-unlock"></i> em-unlock</li>
  382. <li><i class="em em-lock"></i> em-lock</li>
  383. <li><i class="em em-lock_with_ink_pen"></i> em-lock_with_ink_pen</li>
  384. <li><i class="em em-closed_lock_with_key"></i> em-closed_lock_with_key</li>
  385. <li><i class="em em-key"></i> em-key</li>
  386. <li><i class="em em-bulb"></i> em-bulb</li>
  387. <li><i class="em em-flashlight"></i> em-flashlight</li>
  388. <li><i class="em em-high_brightness"></i> em-high_brightness</li>
  389. <li><i class="em em-low_brightness"></i> em-low_brightness</li>
  390. <li><i class="em em-electric_plug"></i> em-electric_plug</li>
  391. <li><i class="em em-battery"></i> em-battery</li>
  392. <li><i class="em em-calling"></i> em-calling</li>
  393. <li><i class="em em-email"></i> em-email</li>
  394. <li><i class="em em-mailbox"></i> em-mailbox</li>
  395. <li><i class="em em-postbox"></i> em-postbox</li>
  396. <li><i class="em em-bathtub"></i> em-bathtub</li>
  397. <li><i class="em em-shower"></i> em-shower</li>
  398. <li><i class="em em-toilet"></i> em-toilet</li>
  399. <li><i class="em em-wrench"></i> em-wrench</li>
  400. <li><i class="em em-nut_and_bolt"></i> em-nut_and_bolt</li>
  401. <li><i class="em em-hammer"></i> em-hammer</li>
  402. <li><i class="em em-seat"></i> em-seat</li>
  403. <li><i class="em em-moneybag"></i> em-moneybag</li>
  404. <li><i class="em em-yen"></i> em-yen</li>
  405. <li><i class="em em-dollar"></i> em-dollar</li>
  406. <li><i class="em em-pound"></i> em-pound</li>
  407. <li><i class="em em-euro"></i> em-euro</li>
  408. <li><i class="em em-credit_card"></i> em-credit_card</li>
  409. <li><i class="em em-money_with_wings"></i> em-money_with_wings</li>
  410. <li><i class="em em-e-mail"></i> em-e-mail</li>
  411. <li><i class="em em-inbox_tray"></i> em-inbox_tray</li>
  412. <li><i class="em em-outbox_tray"></i> em-outbox_tray</li>
  413. <li><i class="em em-incoming_envelope"></i> em-incoming_envelope</li>
  414. <li><i class="em em-postal_horn"></i> em-postal_horn</li>
  415. <li><i class="em em-mailbox_closed"></i> em-mailbox_closed</li>
  416. <li><i class="em em-mailbox_with_mail"></i> em-mailbox_with_mail</li>
  417. <li><i class="em em-mailbox_with_no_mail"></i> em-mailbox_with_no_mail</li>
  418. <li><i class="em em-package"></i> em-package</li>
  419. <li><i class="em em-door"></i> em-door</li>
  420. <li><i class="em em-smoking"></i> em-smoking</li>
  421. <li><i class="em em-bomb"></i> em-bomb</li>
  422. <li><i class="em em-gun"></i> em-gun</li>
  423. <li><i class="em em-hocho"></i> em-hocho</li>
  424. <li><i class="em em-pill"></i> em-pill</li>
  425. <li><i class="em em-syringe"></i> em-syringe</li>
  426. <li><i class="em em-page_facing_up"></i> em-page_facing_up</li>
  427. <li><i class="em em-page_with_curl"></i> em-page_with_curl</li>
  428. <li><i class="em em-bookmark_tabs"></i> em-bookmark_tabs</li>
  429. <li><i class="em em-bar_chart"></i> em-bar_chart</li>
  430. <li><i class="em em-chart_with_upwards_trend"></i> em-chart_with_upwards_trend</li>
  431. <li><i class="em em-chart_with_downwards_trend"></i> em-chart_with_downwards_trend</li>
  432. <li><i class="em em-scroll"></i> em-scroll</li>
  433. <li><i class="em em-clipboard"></i> em-clipboard</li>
  434. <li><i class="em em-calendar"></i> em-calendar</li>
  435. <li><i class="em em-date"></i> em-date</li>
  436. <li><i class="em em-card_index"></i> em-card_index</li>
  437. <li><i class="em em-file_folder"></i> em-file_folder</li>
  438. <li><i class="em em-open_file_folder"></i> em-open_file_folder</li>
  439. <li><i class="em em-scissors"></i> em-scissors</li>
  440. <li><i class="em em-pushpin"></i> em-pushpin</li>
  441. <li><i class="em em-paperclip"></i> em-paperclip</li>
  442. <li><i class="em em-black_nib"></i> em-black_nib</li>
  443. <li><i class="em em-pencil2"></i> em-pencil2</li>
  444. <li><i class="em em-straight_ruler"></i> em-straight_ruler</li>
  445. <li><i class="em em-triangular_ruler"></i> em-triangular_ruler</li>
  446. <li><i class="em em-closed_book"></i> em-closed_book</li>
  447. <li><i class="em em-green_book"></i> em-green_book</li>
  448. <li><i class="em em-blue_book"></i> em-blue_book</li>
  449. <li><i class="em em-orange_book"></i> em-orange_book</li>
  450. <li><i class="em em-notebook"></i> em-notebook</li>
  451. <li><i class="em em-notebook_with_decorative_cover"></i> em-notebook_with_decorative_cover</li>
  452. <li><i class="em em-ledger"></i> em-ledger</li>
  453. <li><i class="em em-books"></i> em-books</li>
  454. <li><i class="em em-bookmark"></i> em-bookmark</li>
  455. <li><i class="em em-name_badge"></i> em-name_badge</li>
  456. <li><i class="em em-microscope"></i> em-microscope</li>
  457. <li><i class="em em-telescope"></i> em-telescope</li>
  458. <li><i class="em em-newspaper"></i> em-newspaper</li>
  459. <li><i class="em em-spades"></i> em-spades</li>
  460. <li><i class="em em-hearts"></i> em-hearts</li>
  461. <li><i class="em em-clubs"></i> em-clubs</li>
  462. <li><i class="em em-diamonds"></i> em-diamonds</li>
  463. <li><i class="em em-gem"></i> em-gem</li>
  464. <li><i class="em em-ring"></i> em-ring</li>
  465. <li><i class="em em-trophy"></i> em-trophy</li>
  466. <li><i class="em em-musical_score"></i> em-musical_score</li>
  467. <li><i class="em em-space_invader"></i> em-space_invader</li>
  468. <li><i class="em em-video_game"></i> em-video_game</li>
  469. <li><i class="em em-black_joker"></i> em-black_joker</li>
  470. <li><i class="em em-flower_playing_cards"></i> em-flower_playing_cards</li>
  471. <li><i class="em em-memo"></i> em-memo</li>
  472. <li><i class="em em-pencil"></i> em-pencil</li>
  473. <li><i class="em em-book"></i> em-book</li>
  474. <li><i class="em em-art"></i> em-art</li>
  475. <li><i class="em em-shoe"></i> em-shoe</li>
  476. <li><i class="em em-sandal"></i> em-sandal</li>
  477. <li><i class="em em-high_heel"></i> em-high_heel</li>
  478. <li><i class="em em-lipstick"></i> em-lipstick</li>
  479. <li><i class="em em-boot"></i> em-boot</li>
  480. <li><i class="em em-shirt"></i> em-shirt</li>
  481. <li><i class="em em-tshirt"></i> em-tshirt</li>
  482. <li><i class="em em-necktie"></i> em-necktie</li>
  483. <li><i class="em em-womans_clothes"></i> em-womans_clothes</li>
  484. <li><i class="em em-dress"></i> em-dress</li>
  485. <li><i class="em em-running_shirt_with_sash"></i> em-running_shirt_with_sash</li>
  486. <li><i class="em em-jeans"></i> em-jeans</li>
  487. <li><i class="em em-kimono"></i> em-kimono</li>
  488. <li><i class="em em-bikini"></i> em-bikini</li>
  489. <li><i class="em em-ribbon"></i> em-ribbon</li>
  490. <li><i class="em em-tophat"></i> em-tophat</li>
  491. <li><i class="em em-crown"></i> em-crown</li>
  492. <li><i class="em em-womans_hat"></i> em-womans_hat</li>
  493. <li><i class="em em-mans_shoe"></i> em-mans_shoe</li>
  494. <li><i class="em em-closed_umbrella"></i> em-closed_umbrella</li>
  495. <li><i class="em em-briefcase"></i> em-briefcase</li>
  496. <li><i class="em em-handbag"></i> em-handbag</li>
  497. <li><i class="em em-pouch"></i> em-pouch</li>
  498. <li><i class="em em-purse"></i> em-purse</li>
  499. <li><i class="em em-eyeglasses"></i> em-eyeglasses</li>
  500. <li><i class="em em-fishing_pole_and_fish"></i> em-fishing_pole_and_fish</li>
  501. <li><i class="em em-bamboo"></i> em-bamboo</li>
  502. <li><i class="em em-gift_heart"></i> em-gift_heart</li>
  503. <li><i class="em em-dolls"></i> em-dolls</li>
  504. <li><i class="em em-school_satchel"></i> em-school_satchel</li>
  505. <li><i class="em em-mortar_board"></i> em-mortar_board</li>
  506. <li><i class="em em-flags"></i> em-flags</li>
  507. <li><i class="em em-fireworks"></i> em-fireworks</li>
  508. <li><i class="em em-sparkler"></i> em-sparkler</li>
  509. <li><i class="em em-wind_chime"></i> em-wind_chime</li>
  510. <li><i class="em em-rice_scene"></i> em-rice_scene</li>
  511. <li><i class="em em-jack_o_lantern"></i> em-jack_o_lantern</li>
  512. <li><i class="em em-ghost"></i> em-ghost</li>
  513. <li><i class="em em-santa"></i> em-santa</li>
  514. <li><i class="em em-christmas_tree"></i> em-christmas_tree</li>
  515. <li><i class="em em-gift"></i> em-gift</li>
  516. <li><i class="em em-bell"></i> em-bell</li>
  517. <li><i class="em em-no_bell"></i> em-no_bell</li>
  518. <li><i class="em em-tanabata_tree"></i> em-tanabata_tree</li>
  519. <li><i class="em em-tada"></i> em-tada</li>
  520. <li><i class="em em-confetti_ball"></i> em-confetti_ball</li>
  521. <li><i class="em em-balloon"></i> em-balloon</li>
  522. <li><i class="em em-crystal_ball"></i> em-crystal_ball</li>
  523. <li><i class="em em-cd"></i> em-cd</li>
  524. <li><i class="em em-dvd"></i> em-dvd</li>
  525. <li><i class="em em-floppy_disk"></i> em-floppy_disk</li>
  526. <li><i class="em em-camera"></i> em-camera</li>
  527. <li><i class="em em-video_camera"></i> em-video_camera</li>
  528. <li><i class="em em-movie_camera"></i> em-movie_camera</li>
  529. <li><i class="em em-computer"></i> em-computer</li>
  530. <li><i class="em em-tv"></i> em-tv</li>
  531. <li><i class="em em-iphone"></i> em-iphone</li>
  532. <li><i class="em em-phone"></i> em-phone</li>
  533. <li><i class="em em-telephone"></i> em-telephone</li>
  534. <li><i class="em em-telephone_receiver"></i> em-telephone_receiver</li>
  535. <li><i class="em em-pager"></i> em-pager</li>
  536. <li><i class="em em-fax"></i> em-fax</li>
  537. <li><i class="em em-minidisc"></i> em-minidisc</li>
  538. <li><i class="em em-vhs"></i> em-vhs</li>
  539. <li><i class="em em-sound"></i> em-sound</li>
  540. <li><i class="em em-speaker"></i> em-speaker</li>
  541. <li><i class="em em-mute"></i> em-mute</li>
  542. <li><i class="em em-loudspeaker"></i> em-loudspeaker</li>
  543. <li><i class="em em-mega"></i> em-mega</li>
  544. <li><i class="em em-hourglass"></i> em-hourglass</li>
  545. <li><i class="em em-hourglass_flowing_sand"></i> em-hourglass_flowing_sand</li>
  546. <li><i class="em em-alarm_clock"></i> em-alarm_clock</li>
  547. </ul>
  548. <h2>Foods</h2>
  549. <ul class="emoji-list list-unstyled list-inline">
  550. <li><i class="em em-apple"></i> em-apple</li>
  551. <li><i class="em em-green_apple"></i> em-green_apple</li>
  552. <li><i class="em em-tangerine"></i> em-tangerine</li>
  553. <li><i class="em em-lemon"></i> em-lemon</li>
  554. <li><i class="em em-cherries"></i> em-cherries</li>
  555. <li><i class="em em-grapes"></i> em-grapes</li>
  556. <li><i class="em em-watermelon"></i> em-watermelon</li>
  557. <li><i class="em em-strawberry"></i> em-strawberry</li>
  558. <li><i class="em em-peach"></i> em-peach</li>
  559. <li><i class="em em-melon"></i> em-melon</li>
  560. <li><i class="em em-banana"></i> em-banana</li>
  561. <li><i class="em em-pear"></i> em-pear</li>
  562. <li><i class="em em-pineapple"></i> em-pineapple</li>
  563. <li><i class="em em-sweet_potato"></i> em-sweet_potato</li>
  564. <li><i class="em em-eggplant"></i> em-eggplant</li>
  565. <li><i class="em em-tomato"></i> em-tomato</li>
  566. <li><i class="em em-corn"></i> em-corn</li>
  567. <li><i class="em em-coffee"></i> em-coffee</li>
  568. <li><i class="em em-tea"></i> em-tea</li>
  569. <li><i class="em em-sake"></i> em-sake</li>
  570. <li><i class="em em-baby_bottle"></i> em-baby_bottle</li>
  571. <li><i class="em em-beer"></i> em-beer</li>
  572. <li><i class="em em-beers"></i> em-beers</li>
  573. <li><i class="em em-cocktail"></i> em-cocktail</li>
  574. <li><i class="em em-tropical_drink"></i> em-tropical_drink</li>
  575. <li><i class="em em-wine_glass"></i> em-wine_glass</li>
  576. <li><i class="em em-fork_and_knife"></i> em-fork_and_knife</li>
  577. <li><i class="em em-pizza"></i> em-pizza</li>
  578. <li><i class="em em-hamburger"></i> em-hamburger</li>
  579. <li><i class="em em-fries"></i> em-fries</li>
  580. <li><i class="em em-poultry_leg"></i> em-poultry_leg</li>
  581. <li><i class="em em-meat_on_bone"></i> em-meat_on_bone</li>
  582. <li><i class="em em-spaghetti"></i> em-spaghetti</li>
  583. <li><i class="em em-curry"></i> em-curry</li>
  584. <li><i class="em em-fried_shrimp"></i> em-fried_shrimp</li>
  585. <li><i class="em em-bento"></i> em-bento</li>
  586. <li><i class="em em-sushi"></i> em-sushi</li>
  587. <li><i class="em em-fish_cake"></i> em-fish_cake</li>
  588. <li><i class="em em-rice_ball"></i> em-rice_ball</li>
  589. <li><i class="em em-rice_cracker"></i> em-rice_cracker</li>
  590. <li><i class="em em-rice"></i> em-rice</li>
  591. <li><i class="em em-ramen"></i> em-ramen</li>
  592. <li><i class="em em-stew"></i> em-stew</li>
  593. <li><i class="em em-oden"></i> em-oden</li>
  594. <li><i class="em em-dango"></i> em-dango</li>
  595. <li><i class="em em-egg"></i> em-egg</li>
  596. <li><i class="em em-bread"></i> em-bread</li>
  597. <li><i class="em em-doughnut"></i> em-doughnut</li>
  598. <li><i class="em em-custard"></i> em-custard</li>
  599. <li><i class="em em-icecream"></i> em-icecream</li>
  600. <li><i class="em em-ice_cream"></i> em-ice_cream</li>
  601. <li><i class="em em-shaved_ice"></i> em-shaved_ice</li>
  602. <li><i class="em em-birthday"></i> em-birthday</li>
  603. <li><i class="em em-cake"></i> em-cake</li>
  604. <li><i class="em em-cookie"></i> em-cookie</li>
  605. <li><i class="em em-chocolate_bar"></i> em-chocolate_bar</li>
  606. <li><i class="em em-candy"></i> em-candy</li>
  607. <li><i class="em em-lollipop"></i> em-lollipop</li>
  608. <li><i class="em em-honey_pot"></i> em-honey_pot</li>
  609. </ul>
  610. <h2>Activity</h2>
  611. <ul class="emoji-list list-unstyled list-inline">
  612. <li><i class="em em-football"></i> em-football</li>
  613. <li><i class="em em-basketball"></i> em-basketball</li>
  614. <li><i class="em em-soccer"></i> em-soccer</li>
  615. <li><i class="em em-baseball"></i> em-baseball</li>
  616. <li><i class="em em-tennis"></i> em-tennis</li>
  617. <li><i class="em em-8ball"></i> em-8ball</li>
  618. <li><i class="em em-rugby_football"></i> em-rugby_football</li>
  619. <li><i class="em em-bowling"></i> em-bowling</li>
  620. <li><i class="em em-golf"></i> em-golf</li>
  621. <li><i class="em em-mountain_bicyclist"></i> em-mountain_bicyclist</li>
  622. <li><i class="em em-bicyclist"></i> em-bicyclist</li>
  623. <li><i class="em em-horse_racing"></i> em-horse_racing</li>
  624. <li><i class="em em-snowboarder"></i> em-snowboarder</li>
  625. <li><i class="em em-swimmer"></i> em-swimmer</li>
  626. <li><i class="em em-surfer"></i> em-surfer</li>
  627. <li><i class="em em-ski"></i> em-ski</li>
  628. <li><i class="em em-musical_keyboard"></i> em-musical_keyboard</li>
  629. <li><i class="em em-violin"></i> em-violin</li>
  630. <li><i class="em em-microphone"></i> em-microphone</li>
  631. <li><i class="em em-headphones"></i> em-headphones</li>
  632. <li><i class="em em-trumpet"></i> em-trumpet</li>
  633. <li><i class="em em-saxophone"></i> em-saxophone</li>
  634. <li><i class="em em-guitar"></i> em-guitar</li>
  635. <li><i class="em em-bath"></i> em-bath</li>
  636. <li><i class="em em-game_die"></i> em-game_die</li>
  637. <li><i class="em em-dart"></i> em-dart</li>
  638. <li><i class="em em-mahjong"></i> em-mahjong</li>
  639. <li><i class="em em-clapper"></i> em-clapper</li>
  640. <li><i class="em em-ticket"></i> em-ticket</li>
  641. <li><i class="em em-slot_machine"></i> em-slot_machine</li>
  642. </ul>
  643. <h2>Places</h2>
  644. <ul class="emoji-list list-unstyled list-inline">
  645. <li><i class="em em-car"></i> em-car</li>
  646. <li><i class="em em-taxi"></i> em-taxi</li>
  647. <li><i class="em em-oncoming_taxi"></i> em-oncoming_taxi</li>
  648. <li><i class="em em-articulated_lorry"></i> em-articulated_lorry</li>
  649. <li><i class="em em-bus"></i> em-bus</li>
  650. <li><i class="em em-oncoming_bus"></i> em-oncoming_bus</li>
  651. <li><i class="em em-rotating_light"></i> em-rotating_light</li>
  652. <li><i class="em em-police_car"></i> em-police_car</li>
  653. <li><i class="em em-oncoming_police_car"></i> em-oncoming_police_car</li>
  654. <li><i class="em em-fire_engine"></i> em-fire_engine</li>
  655. <li><i class="em em-ambulance"></i> em-ambulance</li>
  656. <li><i class="em em-minibus"></i> em-minibus</li>
  657. <li><i class="em em-truck"></i> em-truck</li>
  658. <li><i class="em em-train"></i> em-train</li>
  659. <li><i class="em em-station"></i> em-station</li>
  660. <li><i class="em em-train2"></i> em-train2</li>
  661. <li><i class="em em-bullettrain_front"></i> em-bullettrain_front</li>
  662. <li><i class="em em-bullettrain_side"></i> em-bullettrain_side</li>
  663. <li><i class="em em-light_rail"></i> em-light_rail</li>
  664. <li><i class="em em-monorail"></i> em-monorail</li>
  665. <li><i class="em em-railway_car"></i> em-railway_car</li>
  666. <li><i class="em em-trolleybus"></i> em-trolleybus</li>
  667. <li><i class="em em-fuelpump"></i> em-fuelpump</li>
  668. <li><i class="em em-vertical_traffic_light"></i> em-vertical_traffic_light</li>
  669. <li><i class="em em-traffic_light"></i> em-traffic_light</li>
  670. <li><i class="em em-house"></i> em-house</li>
  671. <li><i class="em em-house_with_garden"></i> em-house_with_garden</li>
  672. <li><i class="em em-school"></i> em-school</li>
  673. <li><i class="em em-office"></i> em-office</li>
  674. <li><i class="em em-post_office"></i> em-post_office</li>
  675. <li><i class="em em-hospital"></i> em-hospital</li>
  676. <li><i class="em em-bank"></i> em-bank</li>
  677. <li><i class="em em-convenience_store"></i> em-convenience_store</li>
  678. <li><i class="em em-love_hotel"></i> em-love_hotel</li>
  679. <li><i class="em em-hotel"></i> em-hotel</li>
  680. <li><i class="em em-wedding"></i> em-wedding</li>
  681. <li><i class="em em-church"></i> em-church</li>
  682. <li><i class="em em-department_store"></i> em-department_store</li>
  683. <li><i class="em em-european_post_office"></i> em-european_post_office</li>
  684. <li><i class="em em-city_sunrise"></i> em-city_sunrise</li>
  685. <li><i class="em em-city_sunset"></i> em-city_sunset</li>
  686. <li><i class="em em-japanese_castle"></i> em-japanese_castle</li>
  687. <li><i class="em em-european_castle"></i> em-european_castle</li>
  688. <li><i class="em em-tent"></i> em-tent</li>
  689. <li><i class="em em-factory"></i> em-factory</li>
  690. <li><i class="em em-tokyo_tower"></i> em-tokyo_tower</li>
  691. <li><i class="em em-japan"></i> em-japan</li>
  692. <li><i class="em em-mount_fuji"></i> em-mount_fuji</li>
  693. <li><i class="em em-sunrise_over_mountains"></i> em-sunrise_over_mountains</li>
  694. <li><i class="em em-sunrise"></i> em-sunrise</li>
  695. <li><i class="em em-stars"></i> em-stars</li>
  696. <li><i class="em em-statue_of_liberty"></i> em-statue_of_liberty</li>
  697. <li><i class="em em-bridge_at_night"></i> em-bridge_at_night</li>
  698. <li><i class="em em-carousel_horse"></i> em-carousel_horse</li>
  699. <li><i class="em em-rainbow"></i> em-rainbow</li>
  700. <li><i class="em em-ferris_wheel"></i> em-ferris_wheel</li>
  701. <li><i class="em em-fountain"></i> em-fountain</li>
  702. <li><i class="em em-roller_coaster"></i> em-roller_coaster</li>
  703. <li><i class="em em-ship"></i> em-ship</li>
  704. <li><i class="em em-speedboat"></i> em-speedboat</li>
  705. <li><i class="em em-boat"></i> em-boat</li>
  706. <li><i class="em em-sailboat"></i> em-sailboat</li>
  707. <li><i class="em em-rowboat"></i> em-rowboat</li>
  708. <li><i class="em em-anchor"></i> em-anchor</li>
  709. <li><i class="em em-rocket"></i> em-rocket</li>
  710. <li><i class="em em-airplane"></i> em-airplane</li>
  711. <li><i class="em em-helicopter"></i> em-helicopter</li>
  712. <li><i class="em em-steam_locomotive"></i> em-steam_locomotive</li>
  713. <li><i class="em em-tram"></i> em-tram</li>
  714. <li><i class="em em-mountain_railway"></i> em-mountain_railway</li>
  715. <li><i class="em em-bike"></i> em-bike</li>
  716. <li><i class="em em-aerial_tramway"></i> em-aerial_tramway</li>
  717. <li><i class="em em-suspension_railway"></i> em-suspension_railway</li>
  718. <li><i class="em em-mountain_cableway"></i> em-mountain_cableway</li>
  719. <li><i class="em em-tractor"></i> em-tractor</li>
  720. <li><i class="em em-blue_car"></i> em-blue_car</li>
  721. <li><i class="em em-oncoming_automobile"></i> em-oncoming_automobile</li>
  722. <li><i class="em em-red_car"></i> em-red_car</li>
  723. <li><i class="em em-warning"></i> em-warning</li>
  724. <li><i class="em em-construction"></i> em-construction</li>
  725. <li><i class="em em-beginner"></i> em-beginner</li>
  726. <li><i class="em em-atm"></i> em-atm</li>
  727. <li><i class="em em-busstop"></i> em-busstop</li>
  728. <li><i class="em em-barber"></i> em-barber</li>
  729. <li><i class="em em-hotsprings"></i> em-hotsprings</li>
  730. <li><i class="em em-checkered_flag"></i> em-checkered_flag</li>
  731. <li><i class="em em-crossed_flags"></i> em-crossed_flags</li>
  732. <li><i class="em em-izakaya_lantern"></i> em-izakaya_lantern</li>
  733. <li><i class="em em-moyai"></i> em-moyai</li>
  734. <li><i class="em em-circus_tent"></i> em-circus_tent</li>
  735. <li><i class="em em-performing_arts"></i> em-performing_arts</li>
  736. <li><i class="em em-round_pushpin"></i> em-round_pushpin</li>
  737. <li><i class="em em-triangular_flag_on_post"></i> em-triangular_flag_on_post</li>
  738. <li><i class="em em-jp"></i> em-jp</li>
  739. <li><i class="em em-kr"></i> em-kr</li>
  740. <li><i class="em em-cn"></i> em-cn</li>
  741. <li><i class="em em-us"></i> em-us</li>
  742. <li><i class="em em-fr"></i> em-fr</li>
  743. <li><i class="em em-es"></i> em-es</li>
  744. <li><i class="em em-it"></i> em-it</li>
  745. <li><i class="em em-ru"></i> em-ru</li>
  746. <li><i class="em em-gb"></i> em-gb</li>
  747. <li><i class="em em-uk"></i> em-uk</li>
  748. <li><i class="em em-de"></i> em-de</li>
  749. </ul>
  750. <h2>Symbols</h2>
  751. <ul class="emoji-list list-unstyled list-inline">
  752. <li><i class="em em-one"></i> em-one</li>
  753. <li><i class="em em-two"></i> em-two</li>
  754. <li><i class="em em-three"></i> em-three</li>
  755. <li><i class="em em-four"></i> em-four</li>
  756. <li><i class="em em-five"></i> em-five</li>
  757. <li><i class="em em-six"></i> em-six</li>
  758. <li><i class="em em-seven"></i> em-seven</li>
  759. <li><i class="em em-eight"></i> em-eight</li>
  760. <li><i class="em em-nine"></i> em-nine</li>
  761. <li><i class="em em-keycap_ten"></i> em-keycap_ten</li>
  762. <li><i class="em em-1234"></i> em-1234</li>
  763. <li><i class="em em-zero"></i> em-zero</li>
  764. <li><i class="em em-hash"></i> em-hash</li>
  765. <li><i class="em em-symbols"></i> em-symbols</li>
  766. <li><i class="em em-arrow_backward"></i> em-arrow_backward</li>
  767. <li><i class="em em-arrow_down"></i> em-arrow_down</li>
  768. <li><i class="em em-arrow_forward"></i> em-arrow_forward</li>
  769. <li><i class="em em-arrow_left"></i> em-arrow_left</li>
  770. <li><i class="em em-capital_abcd"></i> em-capital_abcd</li>
  771. <li><i class="em em-abcd"></i> em-abcd</li>
  772. <li><i class="em em-abc"></i> em-abc</li>
  773. <li><i class="em em-arrow_lower_left"></i> em-arrow_lower_left</li>
  774. <li><i class="em em-arrow_lower_right"></i> em-arrow_lower_right</li>
  775. <li><i class="em em-arrow_right"></i> em-arrow_right</li>
  776. <li><i class="em em-arrow_up"></i> em-arrow_up</li>
  777. <li><i class="em em-arrow_upper_left"></i> em-arrow_upper_left</li>
  778. <li><i class="em em-arrow_upper_right"></i> em-arrow_upper_right</li>
  779. <li><i class="em em-arrow_double_down"></i> em-arrow_double_down</li>
  780. <li><i class="em em-arrow_double_up"></i> em-arrow_double_up</li>
  781. <li><i class="em em-arrow_down_small"></i> em-arrow_down_small</li>
  782. <li><i class="em em-arrow_heading_down"></i> em-arrow_heading_down</li>
  783. <li><i class="em em-arrow_heading_up"></i> em-arrow_heading_up</li>
  784. <li><i class="em em-leftwards_arrow_with_hook"></i> em-leftwards_arrow_with_hook</li>
  785. <li><i class="em em-arrow_right_hook"></i> em-arrow_right_hook</li>
  786. <li><i class="em em-left_right_arrow"></i> em-left_right_arrow</li>
  787. <li><i class="em em-arrow_up_down"></i> em-arrow_up_down</li>
  788. <li><i class="em em-arrow_up_small"></i> em-arrow_up_small</li>
  789. <li><i class="em em-arrows_clockwise"></i> em-arrows_clockwise</li>
  790. <li><i class="em em-arrows_counterclockwise"></i> em-arrows_counterclockwise</li>
  791. <li><i class="em em-rewind"></i> em-rewind</li>
  792. <li><i class="em em-fast_forward"></i> em-fast_forward</li>
  793. <li><i class="em em-information_source"></i> em-information_source</li>
  794. <li><i class="em em-ok"></i> em-ok</li>
  795. <li><i class="em em-twisted_rightwards_arrows"></i> em-twisted_rightwards_arrows</li>
  796. <li><i class="em em-repeat"></i> em-repeat</li>
  797. <li><i class="em em-repeat_one"></i> em-repeat_one</li>
  798. <li><i class="em em-new"></i> em-new</li>
  799. <li><i class="em em-top"></i> em-top</li>
  800. <li><i class="em em-up"></i> em-up</li>
  801. <li><i class="em em-cool"></i> em-cool</li>
  802. <li><i class="em em-free"></i> em-free</li>
  803. <li><i class="em em-ng"></i> em-ng</li>
  804. <li><i class="em em-cinema"></i> em-cinema</li>
  805. <li><i class="em em-koko"></i> em-koko</li>
  806. <li><i class="em em-signal_strength"></i> em-signal_strength</li>
  807. <li><i class="em em-u5272"></i> em-u5272</li>
  808. <li><i class="em em-u5408"></i> em-u5408</li>
  809. <li><i class="em em-u55b6"></i> em-u55b6</li>
  810. <li><i class="em em-u6307"></i> em-u6307</li>
  811. <li><i class="em em-u6708"></i> em-u6708</li>
  812. <li><i class="em em-u6709"></i> em-u6709</li>
  813. <li><i class="em em-u6e80"></i> em-u6e80</li>
  814. <li><i class="em em-u7121"></i> em-u7121</li>
  815. <li><i class="em em-u7533"></i> em-u7533</li>
  816. <li><i class="em em-u7a7a"></i> em-u7a7a</li>
  817. <li><i class="em em-u7981"></i> em-u7981</li>
  818. <li><i class="em em-sa"></i> em-sa</li>
  819. <li><i class="em em-restroom"></i> em-restroom</li>
  820. <li><i class="em em-mens"></i> em-mens</li>
  821. <li><i class="em em-womens"></i> em-womens</li>
  822. <li><i class="em em-baby_symbol"></i> em-baby_symbol</li>
  823. <li><i class="em em-no_smoking"></i> em-no_smoking</li>
  824. <li><i class="em em-parking"></i> em-parking</li>
  825. <li><i class="em em-wheelchair"></i> em-wheelchair</li>
  826. <li><i class="em em-metro"></i> em-metro</li>
  827. <li><i class="em em-baggage_claim"></i> em-baggage_claim</li>
  828. <li><i class="em em-accept"></i> em-accept</li>
  829. <li><i class="em em-wc"></i> em-wc</li>
  830. <li><i class="em em-potable_water"></i> em-potable_water</li>
  831. <li><i class="em em-put_litter_in_its_place"></i> em-put_litter_in_its_place</li>
  832. <li><i class="em em-secret"></i> em-secret</li>
  833. <li><i class="em em-congratulations"></i> em-congratulations</li>
  834. <li><i class="em em-m"></i> em-m</li>
  835. <li><i class="em em-passport_control"></i> em-passport_control</li>
  836. <li><i class="em em-left_luggage"></i> em-left_luggage</li>
  837. <li><i class="em em-customs"></i> em-customs</li>
  838. <li><i class="em em-ideograph_advantage"></i> em-ideograph_advantage</li>
  839. <li><i class="em em-cl"></i> em-cl</li>
  840. <li><i class="em em-sos"></i> em-sos</li>
  841. <li><i class="em em-id"></i> em-id</li>
  842. <li><i class="em em-no_entry_sign"></i> em-no_entry_sign</li>
  843. <li><i class="em em-underage"></i> em-underage</li>
  844. <li><i class="em em-no_mobile_phones"></i> em-no_mobile_phones</li>
  845. <li><i class="em em-do_not_litter"></i> em-do_not_litter</li>
  846. <li><i class="em em-non-potable_water"></i> em-non-potable_water</li>
  847. <li><i class="em em-no_bicycles"></i> em-no_bicycles</li>
  848. <li><i class="em em-children_crossing"></i> em-children_crossing</li>
  849. <li><i class="em em-no_entry"></i> em-no_entry</li>
  850. <li><i class="em em-eight_spoked_asterisk"></i> em-eight_spoked_asterisk</li>
  851. <li><i class="em em-sparkle"></i> em-sparkle</li>
  852. <li><i class="em em-eight_pointed_black_star"></i> em-eight_pointed_black_star</li>
  853. <li><i class="em em-heart_decoration"></i> em-heart_decoration</li>
  854. <li><i class="em em-vs"></i> em-vs</li>
  855. <li><i class="em em-vibration_mode"></i> em-vibration_mode</li>
  856. <li><i class="em em-mobile_phone_off"></i> em-mobile_phone_off</li>
  857. <li><i class="em em-chart"></i> em-chart</li>
  858. <li><i class="em em-currency_exchange"></i> em-currency_exchange</li>
  859. <li><i class="em em-aries"></i> em-aries</li>
  860. <li><i class="em em-taurus"></i> em-taurus</li>
  861. <li><i class="em em-gemini"></i> em-gemini</li>
  862. <li><i class="em em-cancer"></i> em-cancer</li>
  863. <li><i class="em em-leo"></i> em-leo</li>
  864. <li><i class="em em-virgo"></i> em-virgo</li>
  865. <li><i class="em em-libra"></i> em-libra</li>
  866. <li><i class="em em-scorpius"></i> em-scorpius</li>
  867. <li><i class="em em-sagittarius"></i> em-sagittarius</li>
  868. <li><i class="em em-capricorn"></i> em-capricorn</li>
  869. <li><i class="em em-aquarius"></i> em-aquarius</li>
  870. <li><i class="em em-pisces"></i> em-pisces</li>
  871. <li><i class="em em-ophiuchus"></i> em-ophiuchus</li>
  872. <li><i class="em em-six_pointed_star"></i> em-six_pointed_star</li>
  873. <li><i class="em em-negative_squared_cross_mark"></i> em-negative_squared_cross_mark</li>
  874. <li><i class="em em-a"></i> em-a</li>
  875. <li><i class="em em-b"></i> em-b</li>
  876. <li><i class="em em-ab"></i> em-ab</li>
  877. <li><i class="em em-o2"></i> em-o2</li>
  878. <li><i class="em em-diamond_shape_with_a_dot_inside"></i> em-diamond_shape_with_a_dot_inside</li>
  879. <li><i class="em em-recycle"></i> em-recycle</li>
  880. <li><i class="em em-end"></i> em-end</li>
  881. <li><i class="em em-back"></i> em-back</li>
  882. <li><i class="em em-on"></i> em-on</li>
  883. <li><i class="em em-soon"></i> em-soon</li>
  884. <li><i class="em em-clock1"></i> em-clock1</li>
  885. <li><i class="em em-clock130"></i> em-clock130</li>
  886. <li><i class="em em-clock10"></i> em-clock10</li>
  887. <li><i class="em em-clock1030"></i> em-clock1030</li>
  888. <li><i class="em em-clock11"></i> em-clock11</li>
  889. <li><i class="em em-clock1130"></i> em-clock1130</li>
  890. <li><i class="em em-clock12"></i> em-clock12</li>
  891. <li><i class="em em-clock1230"></i> em-clock1230</li>
  892. <li><i class="em em-clock2"></i> em-clock2</li>
  893. <li><i class="em em-clock230"></i> em-clock230</li>
  894. <li><i class="em em-clock3"></i> em-clock3</li>
  895. <li><i class="em em-clock330"></i> em-clock330</li>
  896. <li><i class="em em-clock4"></i> em-clock4</li>
  897. <li><i class="em em-clock430"></i> em-clock430</li>
  898. <li><i class="em em-clock5"></i> em-clock5</li>
  899. <li><i class="em em-clock530"></i> em-clock530</li>
  900. <li><i class="em em-clock6"></i> em-clock6</li>
  901. <li><i class="em em-clock630"></i> em-clock630</li>
  902. <li><i class="em em-clock7"></i> em-clock7</li>
  903. <li><i class="em em-clock730"></i> em-clock730</li>
  904. <li><i class="em em-clock8"></i> em-clock8</li>
  905. <li><i class="em em-clock830"></i> em-clock830</li>
  906. <li><i class="em em-clock9"></i> em-clock9</li>
  907. <li><i class="em em-clock930"></i> em-clock930</li>
  908. <li><i class="em em-heavy_dollar_sign"></i> em-heavy_dollar_sign</li>
  909. <li><i class="em em-copyright"></i> em-copyright</li>
  910. <li><i class="em em-registered"></i> em-registered</li>
  911. <li><i class="em em-tm"></i> em-tm</li>
  912. <li><i class="em em-x"></i> em-x</li>
  913. <li><i class="em em-heavy_exclamation_mark"></i> em-heavy_exclamation_mark</li>
  914. <li><i class="em em-bangbang"></i> em-bangbang</li>
  915. <li><i class="em em-interrobang"></i> em-interrobang</li>
  916. <li><i class="em em-o"></i> em-o</li>
  917. <li><i class="em em-heavy_multiplication_x"></i> em-heavy_multiplication_x</li>
  918. <li><i class="em em-heavy_plus_sign"></i> em-heavy_plus_sign</li>
  919. <li><i class="em em-heavy_minus_sign"></i> em-heavy_minus_sign</li>
  920. <li><i class="em em-heavy_division_sign"></i> em-heavy_division_sign</li>
  921. <li><i class="em em-white_flower"></i> em-white_flower</li>
  922. <li><i class="em em-100"></i> em-100</li>
  923. <li><i class="em em-heavy_check_mark"></i> em-heavy_check_mark</li>
  924. <li><i class="em em-ballot_box_with_check"></i> em-ballot_box_with_check</li>
  925. <li><i class="em em-radio_button"></i> em-radio_button</li>
  926. <li><i class="em em-link"></i> em-link</li>
  927. <li><i class="em em-curly_loop"></i> em-curly_loop</li>
  928. <li><i class="em em-wavy_dash"></i> em-wavy_dash</li>
  929. <li><i class="em em-part_alternation_mark"></i> em-part_alternation_mark</li>
  930. <li><i class="em em-trident"></i> em-trident</li>
  931. <li><i class="em em-black_small_square"></i> em-black_small_square</li>
  932. <li><i class="em em-white_small_square"></i> em-white_small_square</li>
  933. <li><i class="em em-black_medium_small_square"></i> em-black_medium_small_square</li>
  934. <li><i class="em em-white_medium_small_square"></i> em-white_medium_small_square</li>
  935. <li><i class="em em-black_medium_square"></i> em-black_medium_square</li>
  936. <li><i class="em em-white_medium_square"></i> em-white_medium_square</li>
  937. <li><i class="em em-black_large_square"></i> em-black_large_square</li>
  938. <li><i class="em em-white_large_square"></i> em-white_large_square</li>
  939. <li><i class="em em-white_check_mark"></i> em-white_check_mark</li>
  940. <li><i class="em em-black_square_button"></i> em-black_square_button</li>
  941. <li><i class="em em-white_square_button"></i> em-white_square_button</li>
  942. <li><i class="em em-black_circle"></i> em-black_circle</li>
  943. <li><i class="em em-white_circle"></i> em-white_circle</li>
  944. <li><i class="em em-red_circle"></i> em-red_circle</li>
  945. <li><i class="em em-large_blue_circle"></i> em-large_blue_circle</li>
  946. <li><i class="em em-large_blue_diamond"></i> em-large_blue_diamond</li>
  947. <li><i class="em em-large_orange_diamond"></i> em-large_orange_diamond</li>
  948. <li><i class="em em-small_blue_diamond"></i> em-small_blue_diamond</li>
  949. <li><i class="em em-small_orange_diamond"></i> em-small_orange_diamond</li>
  950. <li><i class="em em-small_red_triangle"></i> em-small_red_triangle</li>
  951. <li><i class="em em-small_red_triangle_down"></i> em-small_red_triangle_down</li>
  952. </ul>
  953. </div>
  954. </div>
  955. </div>
  956. </div>
  957. <script type="text/javascript">
  958. var emojiSets = document.getElementsByClassName('emoji-set');
  959. for (var i = 0; i < emojiSets.length; i++) {
  960. emojiSets[i].addEventListener("click", function(evt) {
  961. var href = evt.target.getAttribute('data-href');
  962. document.getElementById('emoji-css').setAttribute('href', href);
  963. })
  964. }
  965. </script>
  966. <script>
  967. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  968. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  969. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  970. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  971. ga('create', 'UA-97158482-1', 'auto');
  972. ga('send', 'pageview');
  973. </script>
  974. <script type="text/javascript">
  975. function findEmoji(){
  976. value = document.getElementById('search-emoji').value;
  977. document.getElementById('emoji-lists').className = "hide";
  978. emojis = document.querySelectorAll("#emoji-lists li");
  979. for(i=0; i < emojis.length; i++){
  980. emoji = emojis[i];
  981. if(emoji.children[0].className.includes(value)){
  982. emoji.style.display = "inline-block";
  983. }
  984. else{
  985. emoji.style.display = "none";
  986. }
  987. }
  988. };
  989. </script>
  990. </body>
  991. </html>