Forem Creators and Builders 🌱

Cover image for Icons for your Forem Instance
Nick Taylor
Nick Taylor

Posted on

Icons for your Forem Instance

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.

GitHub logo twitter / twemoji

Emoji for everyone. https://twemoji.twitter.com/

Twitter Emoji (Twemoji) Build Status

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>
Enter fullscreen mode Exit fullscreen mode

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.

community.vscodetips.com home page

I'm curious what icons you use in your Forem instance?

Top comments (2)

Collapse
 
nickytonline profile image
Nick Taylor

Another icon project Josh suggested was the Noun project as long as you attribute the author.

Collapse
 
ellativity profile image
Ella (she/her/elle)

Those Feather icons look so great on your Forem @nickytonline 😍

I'm inspired now! Thanks for sharing 💛