mikesprague / emojicon

Cloudflare Worker that takes a standard unicode emoji as a path parameter and returns it as an SVG for use in favicon tags or CSS cursors

emojicon

About

Cloudflare Worker that takes a standard unicode emoji as a path parameter and returns it as an SVG for use in favicon tags or CSS cursors

NOTE: 💯% borrowed from https://fav.farm/, all credit goes to the author for the concept

Usage

A single Unicode emoji should be passed as a path parameter to the Worker URL

Favicons

Use as the href attribute

<link rel="icon" class="favicon" href="https://emojicon.m5ls5e.workers.dev/😻">

<link rel="icon" class="favicon" href="https://emojicon.m5ls5e.workers.dev/🍔">

<link rel="icon" class="favicon" href="https://emojicon.m5ls5e.workers.dev/🐦">

<link rel="icon" class="favicon" href="https://emojicon.m5ls5e.workers.dev/👾">

<link rel="icon" class="favicon" href="https://emojicon.m5ls5e.workers.dev/🚀">

Custom Cursors (via CSS)

Use as a url() value of the cursor property

body {
  cursor: url('https://emojicon.m5ls5e.workers.dev/😝') 15 0, auto;
}

.class-name {
  cursor: url('https://emojicon.m5ls5e.workers.dev/🙅') 15 0, auto;
}

Demo

https://mikesprague.github.io/emojicon/

Deploy Your Own

Use the following button to get started deploying your own version to Cloudflare