Home

Awesome

Openmoji-awesome 💡

Like Font-Awesome and Twemoji-amazing, but for Openmoji Emojis! 🌟

It's CSS classes for all your Emoji needs, now with all the Creative Commons goodness!

Forked from twemoji-amazing!

openmoji-banner

Usage

Basic Usage

Add the main files openmoji-color-awesome.css and openmoji-black-awesome.css to your project and then simply use the following in your HTML source:

<i class="oma oma-face-with-monocle"></i>

Size Options

Like in Font-Awesome, emoji sizes can be changed via oma-lg, oma-bg, oma-2x, oma-3x, oma-4x, and oma-5x.

Finding Emojis

To use on your website, it is advised to download the svg files here: https://github.com/hfg-gmuend/openmoji/releases/tag/14.0.0 . By default, the script will generate a css file that will uses the emoji distributed from jsdeliver CDN.

Running the generator

./gradlew run will generate a fresh version of both the openmoji-color-awesome.css and the openmoji-black-awesome.css file in the root directory of the project.

The script source can be found in src/main/kotlin/Main.kt if you want to customize the image path (Change openmojiColorUrl and openmojiBlackUrl to the URL you want to use as a source).

You can integrate those in your project to use either color or black and white (or both!) emojis from Openmoji.

Licenses & Other

License: MIT.

Uses CSS snippets from twemoji-awesome, licensed under MIT.

Uses base code from twemoji-amazing, licensed under MIT.

As per the Openmoji repository, the graphics are licensed under the CC-BY 4.0 which has a pretty good guide on best practices for attribution.