Insert emojis using CSS in your web page – emoji.css

Category: CSS & CSS3 | September 14, 2021
Author: IonicaBizau
Official Page: Go to website
Last Update: September 14, 2021
License: MIT



emoji.css is a CSS library that contains 1000+ emojis to insert in your web page that is very handy. You just need to use a single element and add CSS class based on which emoji you want to show. This works just like font awesome.

How to use emoji.css?

Step1: Download the emoji.css library using download button above and link it under the <HEAD> section on your web page.

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

Step2: Add the <span> element and add the emoji classes of which emoji you want to show.

<span class='ec ec-sparkling-heart'></span>
<span class="ec ec-grin"></span>
<span class="ec ec-ok-hand"></span>
<span class="ec ec-100"></span>

That’s it.