JoyPixels Labs

version 6.6

JoyPixels Awesome

Thanks to a contribution from Michael Hartmann, joypixels-awesome (formerly emojione-awesome) is available from JoyPixels.

1. Attach CSS Stylesheet:

To get joypixels-awesome working you first need to link the stylesheet in your <head>. This file is available in our git repo under /extras/css. Since images are sourced from the CDN there is no need to include additional assets.

Example

If you are not using our conversion scripts, joypixels-awesome can be implemented using the following markup structure. In this example we're using the unicode symbol 1F433 aka , with a medium joypixels-awesome class (rendering the emoji at 64px). You can also use jpa-sm (32px) and jpa-lg (128px).

        <span class="jpa-whale jpa-med">
        </span>