How to embed an SVG code into a LONG TEXT HTML column??

Hello everyone, I have been using dynamic SVG images for a while now, and I've been recently using HTML images in long text column using the tag <img src>

I was wondering if I could maybe use my svg images in the html format for I would be able to concatenate them with diferent pieces of text and make a more complete detail view. See below one SVG image that can be pasted on a browser. How can I make it work in a long text column?

 

data&colon;image/svg+xml,%3csvg width='300' height='30' xmlns='http://www.w3.org/2000/svg'%3e%3c!-- Fundo da barra de progresso --%3e%3crect x='5' y='5' width='290' height='20' rx='10' ry='10' fill='lightgrey'/%3e%3c!-- Preenchimento da barra de progresso --%3e%3crect id='barraProgresso' x='5' y='5' width='290' height='20' rx='10' ry='10' fill='url(%23gradienteAmarelo)'/%3e%3c!-- Defini%c3%a7%c3%a3o do gradiente --%3e%3cdefs%3e%3clinearGradient id='gradienteAmarelo' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3e%3cstop offset='0%25' style='stop-color:yellow%3bstop-opacity:1'/%3e%3cstop offset='100%25' style='stop-color:orange%3bstop-opacity:1'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e

Thanks in advance

0 1 326
  • UX
1 REPLY 1