CMS field for SVG icons

[bradvatne]

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?
Thanks.

[marcellothearcane]

Perhaps a dropdown?

Select

[samlittlefair]

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!

Sam

[hi1 (Jere Salonen)]

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.