How to use SVG for group flair?

[jamesmarkcook (James Cook)]

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.

[jamesmarkcook (James Cook)]

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

Supported formats / sizes for Group Flair URL?

Welcome! For images: your best bet is to use a square image, 32x32 or 64x64 should be sufficient. It can be any image format that can be displayed as a background image. For the FontAwesome icons: we are currently updating our FontAwesome library from 4.7 to 5 (more details here), and I will also add instructions as per below (this won’t be in master right away though): [image]

[pmusaraj (Penar Musaraj)]

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.