Hey wonderful self-hosters! So I launched my community a couple of weeks ago, https://community.vscodetips.com. I was working on adding some navigation links for the left sidebar. I initally started with the Twemoji icons as that's what we use for the other icons in the Forem codebase.
Twitter Emoji (Twemoji)
A simple library that provides standard Unicode emoji support across all platforms.
Twemoji v14.0 adheres to the Unicode 14.0 spec and supports the Emoji 14.0 spec. We do not support custom emoji.
The Twemoji library offers support for all Unicode-defined emoji which are recommended for general interchange (RGI).
Usage
CDN Support
The folks over at MaxCDN have graciously provided CDN support.
MaxCDN is shut down right now, so in the meanwhile use a different CDN or download the assets. (See Maxcdn has shut down, cdn not working anymore. · Issue #580 · twitter/twemoji).
Use the following in the <head>
tag of your HTML document(s):
<script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
This guarantees that you will always use the latest version of the library.
If, instead, you'd like to include the latest version explicitly, you can add the…
I thought they were OK, but wanted to find something else. I remembered Josh W. Comeau talking about Feather Icons.
They're SVG and MIT licensed, so I went with those. Here's what it looks like with the Hacker theme enabled.
I'm curious what icons you use in your Forem instance?
Top comments (2)
Another icon project Josh suggested was the Noun project as long as you attribute the author.
Those Feather icons look so great on your Forem @nickytonline 😍
I'm inspired now! Thanks for sharing 💛