Speakemoji set. An alternative emoji. https://rizalrenaldi.github.io/speakemoji/
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
source
speakemoji
README.md
index.html

README.md

speakemoji

version 1.0

Created by Rizal Renaldi / Hellosignal

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

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>
  1. 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)