Last Friday Max Lynch sent out this tweet:
I'm still not over Apple killing the best emoji there ever was pic.twitter.com/gVOMhEP3Mn
— Max Lynch (@maxlynch) March 15, 2018
Inspired by an idea that first came to my mind after seeing these emoji compositions using the π emoji, I quickly replied that it’d be perfectly possible to (visually) create this new emoji by using a combination of the existing π¨, π©, and π emojis.
Not soon thereafter I quickly knocked on up on codepen:
At the base is one <span>
element that contains the π¨ emoji. Using ::before
and ::after
I then inject the π© and π emojis and position them absolutely on top of the π¨ emoji.
And then β¦ I got distracted. And created some more compositions:
Due to the fact that I’m using ::before
and ::after
here, I’m limited to only two βdecorationsβ per base emoji. Next to positioning the emojis some also got rotated, flipped, or even clipped to form a better match. I’m especially happy with the βcool lisping geekβ and βsmoking kingβ ones π
Do note that this will only work on macOS/iOS as other platforms use other emojis. If you’re on another platform, be sure to check out the reference image.
Consider donating.
I don’t run ads on my blog nor do I do this for profit. A donation however would always put a smile on my face though. Thanks!
Would it be possible for you to combine a emoji that I can then use?
The cigarette is backwards with the smoking king one
Maybe he really enjoys eating fire.
Love this idea wondering if these could be real emojis or if people could make their own emoji for them self?