Sharon

Implement emojis into your posts and pages. Using CSS, transparent PNGs seamlessly integrate with your favorite theme and color scheme.
This plugin shows emojis by using shortcodes. It will not override the default <a href="https://codex.wordpress.org/Using_Smilies" title="WordPress Smileys" rel="nofollow ugc">Smileys</a>.
How To Use:
<ol>
<li>After activating this plugin, an emoji icon will appear next to your “Add Media” button above the editor window.</li>
<li>Click on that button to display the dropdown list of available emojis.</li>
<li>Click “Add Shortcode”, and the shortcode will automatically be added to your editor window.</li>
</ol>
Alternatively, you can type in your shortcode by hand using this format:
<pre><code>[sce emoji="happy" /]
</code></pre>

Sharon's Shortcode Emojis

Implement emojis into your posts and pages

Stylish Smilies adds CSS classes to text-based emoticons. 
You can then reference these classes in your theme to style each emoticon differently:
<pre><code>.smiley {
/* Applies to all emoticons */
 color: black;
 font-weight: bold;
}

.biggrin {
/* Applies to :D only */
 background: green;
}
</code></pre>
This plugin affects the following smilies:
<pre><code>8-) cool
 8O eek
8-O eek
 :( sad
:-( sad
 :) smile
:-) smile
:-? confused
 :D biggrin
:-D biggrin
 :P razz
:-P razz
 :o surprised
:-o surprised
 :x mad
:-x mad
 :| neutral
:-| neutral
 ;) wink
;-) wink
</code></pre>

Stylish Smilies

Stylish Smilies adds CSS classes to text-based emoticons.

Sharon's Shortcode Emojis vs Stylish Smilies