How to use SVG for group flair?

I noticed that the Team flair on meta uses the Discourse SVG icon.

I managed to upload a custom SVG sprite in my theme to get access to custom icons for group flair, but it doesn’t seem to allow you to use the SVG icon at full flair size, it assumes you want it as a small icon inside the flair circle.

Only other option is to upload as an image (jpg, png etc). It doesn’t allow SVG.

It would be nice to know how it’s been done on meta.

Looks like you used to be able to specify a flair image URL. I no longer have that option when creating a group.

You can add svg to the authorized extensions for staff (or authorized extensions) site setting and then upload the SVG file on the group’s Avatar Flair Image setting.

4 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.