sparkles emoji dot ico

2020-05-29

I like the sparkles emoji ✨

It works well at the end of many sentences ✨

It’s just nice ✨

I’m also bad a graphics and wanted a favicon ✨

The easiest method

Older versions of this site used the EmojiOne v2 font for this, but their licensing requirement was obnoxious.

Bye EmojiOne JoyPixels ✨

Using Twemoji.

I like the Twitter sparkles emoji ✨

It is part of their Twemoji emoji font, which is available on GitHub, but note that each glyph is available in an SVG file named by the Unicode codepoint. Since the Unicode codepoint for the sparkles emoji is U+2728, I found an SVG of the glyph at twemoji/assets/svg/2728.svg.

However, I wanted a bit more color. I found that the two smaller sparkles were part of one path in the SVG. I used Inkscape to duplicate the path, then “clip” over each of the two smaller sparkles, creating a separate path for each visible sparkle. I used this guide for how to do this. Then I applied some colors that I liked to each sparkle.

Converting icons

I exported as 16x16, 32x32, 64x64, and 128x128 PNGs from Inkscape.

My Hugo theme expects 16x16, 32x32, and 128x128 sized PNGs, and I use a 64x64 PNG for favicon.ico. (I could use an SVG for favicon.ico, but that’s not very compatible yet as far as I know.)

Nice ✨