While ModestaCSS offers many useful components, you may optionally also add emojis and emoticons to your website.

Currently, ModestaCSS supports:

Use this HTML to import the different emoji packs

<!-- Twemoji version | 195 KB -->
<link href="https://modesta.alexflipnote.dev/css/twemoji.min.css" type="text/css" rel="stylesheet">

<!-- Blobcat version | 23.5 KB -->
<link href="https://modesta.alexflipnote.dev/css/blobcat.min.css" type="text/css" rel="stylesheet">

For the names of twemoji emojis, use twa- followed by a code found here

For the names of blobcat emoticons, join the blobcat Discord Server, and use the names of emoticons listed there.

If any names are either misspelt or missing, please make an issue here

Preview

<p><i class="emoji twa-cookie"></i> This will display a cookie emoji</p>
<p><i class="emoji blobcat"></i> This will display a blobcat emoji</p>

<p><i class="emoji emoji-lg twa-cookie"></i> This will display a cookie emoji in 33% larger size</p>
<p><i class="emoji emoji-2x twa-cookie"></i> This will display a cookie emoji in 2x size</p>
<p><i class="emoji emoji-3x twa-cookie"></i> This will display a cookie emoji in 3x size</p>
<p><i class="emoji emoji-4x twa-cookie"></i> This will display a cookie emoji in 4x size</p>
<p><i class="emoji emoji-5x twa-cookie"></i> This will display a cookie emoji in 5x size</p>

This will display a cookie emoji

This will display a blobcat emoji

This will display a cookie emoji in 33% larger size

Emojis Example:

Click here