Javascript & WebDev
Trying to add some custom 'webfont' icons for Mastodon
I would like to create icons to link my lemmy, peertube, and mastodon instances to each other. I've managed to achieve this for Lemmy and PeerTube without much of a hassle by creating the SVG icons and duplicating the code for the donate symbol (lemmy) and the about symbol (peertube): Lemmy: ![]( Peertube: ![]( I thought I would be able to use the same logic to modify the menu bar in Mastodon, but I must say I am very confused by it. I can't find the files that hold the icons, the syntax is un-intuitive for me, and it seems that there are several levels of files calling each other before finally producing the icon on the page. Mastodon: ![]( While trying to figure out where the SVG files are stored, I found this issue: [Consider: SVG for icons?]( Here, I learned that Mastodon uses something called "Webfonts" to generate the icons. From that issue it appears that they never transitioned into using SVG. I can't find much about how to work with this format - what is this? What would the workflow be like for finding the webfont file and creating a new icon? Any suggestions? Thanks!

Ask specific questions about how to code something in javascipt AKA “node”. Also HTML, CSS, and other web-dev stuff.

Javascript docs

General javascript discussion on

Create Post From:

  • 0 users online
  • 1 user / day
  • 2 users / week
  • 2 users / month
  • 2 users / 6 months
  • 1 subscriber
  • 11 Posts
  • Modlog
Heap Overflow
A place to ask programming questions and share free resources

General programming discussion,
Additional resources, challenges

To post or comment:

  1. Create an account on another lemmy instance
  2. Then search for the community url like here


  1. No politics
  2. No flaming / trolling
  3. No proprietary BS
  4. Stay on topic

Please keep questions & examples short!

All content is Public Domain unless otherwise specified.
Only CC0, CC BY 3.0, or CC BY-SA 3.0 alternate licenses are allowed.

No affiliation with