Is there a way for icons to be automatically be pulled in to a project by name?

Design help CMS
1

I’m having some thoughts around a site I’m building. I’m using a range of Google’s Material Symbols on the site and I’d like the client to easily add their own against new collection items to represent different facilities of their hotel rooms.

Initially I started to use the Google icon font. That way, the client can enter the icon name into a text field and I can display it automatically, great! But I need two weights and it works out at 600kb which feels like a lot.

Is there another way? I know FontAwesome has automatic subsetting but I was wondering if anyone knew a free way that this could be implemented.

Other options are of course to have the client upload the relevant icon each time or me provide a list of URLs to SVGs that they can input I suppose.

2

The best way is to just add an image field to the CMS collection, and have them add an icon there. Lean into SVG’s for consistency, and point them to some great SVG repositories.

Here’s 10,000 material icons in a searchable lib exposed by Relume. I’ll add that unfortunately to add these to the CMS, you’d need to download the SVG and then add it to the CMS from your file system. The CMS doesn’t yet have an Embed type field that you can paste raw HTML/CSS/SVG embeddable content into.

https://icons.relume.io/collection/ic