Welcome to Emoji Calendar

January  12018


Calendar Image

What is Emoji Calendar

Add a festive touch to your HTML all year round, simply include the script and add #emoji-calendar ID to a block element. Emoji Calendar will automatically insert a festive emoji into the corresponding element depending on the date and the time of year.

How to use Emoji Calendar

  1. Give an element on your page the id #emoji-calendar
  2. Add the script to the footer of your HTML page
    <script src="https://cdn.jsdelivr.net/gh/kcamcam/emoji-calendar/emoji-calendar.js"></script>
  3. Thats all
  4. Optional: sepcify a custom emoji by calling the insertEmoji("🙂"); after the script.


<!DOCTYPE html>
    <meta charset="utf-8">
    <span id="emoji-calendar">📆</span>
    <script src="https://cdn.jsdelivr.net/gh/kcamcam/emoji-calendar/emoji-calendar.js"></script>
        // Optional for a custom emoji


  • Corresponding holidays are official Canadian holidays only.
  • Max font-size for an emoji is 8em. I have clue why 🤔
  • Make sure to specify the charset=UTF-8 in the <head> section if not most emojis wont get rendered.