SVG as tag icons

uzairsyedahmed

I am trying to change the tag icons from font awesome icons to a custom svg that is hosted on github. Could this be done through the custom CSS?

Does anyone have an example of it being done that I can use as a reference if they could paste the custom CSS for it? Thanks!

uzairsyedahmed

any help guys?!

clarkwinkelmann

It can definitely be done, but I can't think of any example.

You should be able to target .icon.<a custom class name you enter as icon name> {} and then use regular CSS to customize the element. If you replace the FontAwesome name with a custom unique name you don't even need to override any FontAwesome code, it'll be just the Flarum CSS for .icon and your custom class name.

meetdilip

It would be nice to have a GUI at some point. ie, For a tag, we can upload the SVG or PNG from the PC.

luceos

Yeah I'm also hoping for an extension to deal with this 🤞

uzairsyedahmed

luceos

Yeah. that would be great. an extension would be useful for this. Is there a mechanism to put in a request for this as an extension? Maybe posting it with the extension tag?

jordanjay29

uzairsyedahmed The Extensions tag is reserved for released extensions.

You can use:
Features > Feedback if you just want to put the idea out there.
Resources > Services if you want to specifically commission the extension, what features it should have, and whether paid or free.