Created by Rizal Renaldi / Hellosignal
See preview: https://rizalrenaldi.github.io/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.
-
Copy
speakemoji
folder to your working directory -
Put these codes before
</body>
<script src="speakemoji/gruntspeakemoji.loader.js"></script>
<noscript><link href="speakemoji/speakemoji.fallback.css" rel="stylesheet"></noscript>
- Call the class name of speakemoji you want to use. Following this format
se
thenemoji-class-name
thenemoji-size
.
<div class="se se-wtf se-m"></div>
.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
se-s
(32px small)se-m
(64px medium)se-l
(128px large)