.se-angry

.se-badEvil

.se-badFrown

.se-blush

.se-boiled

.se-cool

.se-dead

.se-deadSweat

.se-emoKiss

.se-expressionless

.se-flushed

.se-frown

.se-goodEvil

.se-grin

.se-happyKiss

.se-joy

.se-kiss

.se-kissHeart

.se-laugh

.se-love

.se-mask

.se-noMouth

.se-poisoned

.se-relax

.se-sad

.se-sadFrown

.se-satisfied

.se-scream

.se-sleep

.se-sleepy

.se-slightlySad

.se-smile

.se-smiley

.se-smirk

.se-sob

.se-toungeOut

.se-toungeOutHappy

.se-toungeOutWink

.se-sweat

.se-sweatSmile

.se-thumbDown

.se-thumbsDown

.se-thumbsUp

.se-thumbUp

.se-weary

.se-wink

.se-winky

.se-wtf

About speakemoji

I personally hand-crafted these 48 speakemojis and decided to make it free so you can use it on your project both personal or commercial. Let me know if you want raw svg for all speakemoji.

This speakemoji css package is created using Grumpicon by Filament Group.


How to use

  1. Copy speakemoji folder to your working directory
  2. Put these codes before </body>
  3. <script src="speakemoji/speakemoji.js"></script>
    <noscript><link href="speakemoji.fallback.css" rel="stylesheet"></noscript>
    

  4. Call the class name of speakemoji you want to use. Following this format se then emoji-class-name then emoji-size.
<div class="se se-wtf se-m"></div>

Speakemoji class name


Speakemoji size options