CMS field for SVG icons

I've got a slice for cards and I want the CMS user to be able to easily input their desired icon from font-awesome. Which type of input would be most appropriate? What approach have you all taken in this?

Perhaps a dropdown?

Hi Brad,

Welcome to the Prismic community, and thanks for posting!

We've used the key text field for this. A drop-down could work nicely, too, as @marcellothearcane mentioned. Here's a little more info on the key text field.

Let me know if you have any other questions!


1 Like

When the security is not too much of a concern, and documents need truly unique SVG icons, with React I've used the react-inlinesvg NPM package (GitHub). This makes it possible to upload an SVG icon as a file to Prismic whilst still inlining its code, allowing full CSS control etc.


This issue has been closed as it has been fixed, Flag if it is not the case for you to reopen.