Adding custom icons to themes for use in posts, pages, etc

Hey everyone,

I wanted to add custom icons to my about/contact page. Eventually, I’d like to use it anywhere else. I saw this post which looks like is doing exactly what I want. So I jumped to coded pen and tried to add mastodon icon, but it doesn’t draw in code pen, so probably will not work on my page. … what I’m doing wrong?

Here is my codepen. The mastodon svg was grabbed from wikimidia (File:Mastodon Logotype (Simple).svg - Wikimedia Commons)

While this does not solve your specific problem, I use CSS based icons within a responsive DIV-section for this. You can find icons here if you like to give it a shot.

Thanks for your reply. Indeed it doesn’t solve my issue but is nice to know more about it. Saved to look deeply into it. I’m still trying to figure it out, so if anybody here is versed in HTML+CSS and can take a look, it will be much appreciated.