Awesome

speakemoji

version 1.0

Created by Rizal Renaldi / Hellosignal

See preview: https://rizalrenaldi.github.io/speakemoji/

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, by mention or DM me to @rizalrenaldi on Twitter or @hellosignal on Instagram

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>

<script src="speakemoji/gruntspeakemoji.loader.js"></script>
<noscript><link href="speakemoji/speakemoji.fallback.css" rel="stylesheet"></noscript>

3. 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

• .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

Speakemoji size options

• se-s (32px small)
• se-m (64px medium)
• se-l (128px large)