1000+ Emojis In Pure CSS – emoji.css

emoji.css is a handy CSS library that makes it easy to insert emojis into the web page using single element. Similar to the Font Awesome Iconic font.

Install and import the library into your project:

$ npm install emoji.css

How to use it:

Include the emoji.css in the head section of the webpage.

<link rel='stylesheet' href='dist/emoji.min.css'>

Add the required CSS class ‘ec’ and an emoji class of your choice to an inline element. That’s it.

<span class="ec ec-100"></span>
<span class="ec ec-1234"></span>
<span class="ec ec-grinning"></span>