Native SVG Icon Support in XenForo

alfaNova

Well-known member
Hello XenForo Team,

I recently worked on a PowerApps software development project where we implemented a solution for rendering SVG icons directly from raw code. While this approach may be familiar to some, it was a valuable discovery for me — especially in terms of flexibility and visual customization.

Essentially, we input SVG code into designated fields, and these were rendered as fully functional icons in the user interface. For example, I have inserted the Microsoft logo below to show the icon and code.

1744808926378.webp

Code:
<svg width="800px" height="800px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="#F35325" d="M1 1h6.5v6.5H1V1z"/><path fill="#81BC06" d="M8.5 1H15v6.5H8.5V1z"/><path fill="#05A6F0" d="M1 8.5h6.5V15H1V8.5z"/><path fill="#FFBA08" d="M8.5 8.5H15V15H8.5V8.5z"/></svg>

Currently, FontAwesome icons are widely used — including in XenForo — but they can be limiting in terms of variety and brand representation. SVG support opens up significantly more options, enabling users to incorporate unique, branded, or niche icons that better suit their specific use cases.

With that in mind, I’d like to suggest that future XenForo versions consider supporting SVG-based icons, either by:
  • Allowing SVG code input in relevant areas of the UI, or
  • Introducing file upload buttons that accept SVGs wherever icons or images can be added.
This would offer a much richer customisation experience, particularly for forums aiming to maintain strong branding or visual distinction. It would also reduce reliance on external icon libraries and make it easier for users to adapt the look and feel of their platform without complex workarounds.

I’d be really interested to hear your thoughts on whether this could be a viable feature for future development.
 
Upvote 1
Back
Top Bottom