Hi there, we need to dynamically manage icon colors, thus we'd like to be able to handle prismic images as inline SVG. As this is not the default behaviour ([image]), how can we handle that ? Thanks

Hey Simon welcome to the forum! Well, you can't actually modify the colors of an SVG file inside Prismic. But you can add another field, like a select, or key text field just beside your image field that serves as a 'class name' selector. That way you can select a given color while editing your doc…

You can use SVGs with prismic, and you can set the text colour / background colour of the SVG container for dynamic image colours.

@prismic1 Hi Simon - im currently facing the same problem - needing to load svg's inline so i can dynamically style them - did you find any solution to this? Ive tried a few different methods for rendering inline svgs with varying levels of success/hacky-ness but i feel using a rich text field to re…

@digital2 , you've probably solved this by now, but if not our solution to access SVGs programmatically was to create a library of SVGs in code (in our case a Nextjs app) and allow content editors to chose which SVG they want to display with a Select field. Obviously we lose the benefits of having …

I've done it in a couple of projects - I'll write an article about it

Hi @kris Did you write your mentioned article? If so, where can I find it? I'm currently facing the same problem...

Hey @andre.lergier , this got lost in my todo list, but I'll get it over to you either today or tomorrow.

This would be awesome, thank you @kris . Looking forward to it.

Images as inline SVGs

Developing with Prismic

Topic		Replies	Views
How to work with SVG in Prismic? Prismic for Content Creators page-builder	2	360	September 25, 2024
Fetch inline SVGs Developing with Prismic reactjs	0	1291	March 30, 2021
CMS field for SVG icons Developing with Prismic	3	2346	November 3, 2020
"Access has been blocked by CORS policy" when loading SVG from prismic Developing with Prismic	28	8004	April 22, 2022
Issue displaying SVG in front end from Prismic media library Prismic for Content Creators	4	1234	December 5, 2020

Images as inline SVGs

Related topics