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!
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>
Like in Font-Awesome, emoji sizes can be changed via oma-lg, oma-bg, oma-2x, oma-3x, oma-4x, and oma-5x.
- Openmoji-awesome uses Openmoji json data as its source of codepoints and descriptions.
- To find an emoji of your liking, check out the Openmoji emoji list. Replace spaces with hyphens to get the class name! (e.g. "man in suit levitating" becomes
oma-man-in-suit-levitatingoroma-black-man-in-suit-levitating🕴)
To use on your website, it is advised to download the svg files here: https://github.com/hfg-gmuend/openmoji/releases/tag/16.0.0 . By default, the script will generate a css file that will uses the emoji distributed from jsdeliver CDN.
./uv run main.py 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 main.py 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.
License: MIT.
Uses CSS snippets from twemoji-awesome, licensed under MIT.
Uses python code adapted 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.