Quick question. How do I import SVG icons to Bubble? For example, I would like to import the following icons from this website https://boxicons.com/ and from this one too https://feathericons.com/. Can someone please show me how to do this?
when downloading the svg icon I would then open the icon in a text editor to get the HTML code of the icon…then I would store that text value in my database (usually as an option set)…then I’d use an html element to load the icon referencing the HTML code saved as an option set.
was able to do color changes by doing find and replace.
here is a link to the thread I learned the trick from
Great trick indeed as I am a big fan of Noun Project icons (actually the $35 yearly plan for unlimited icons in SVG format is a sweet added value to any app project).
I am just stuck with the implementation of your tip: I save the icon and HTML code as a text attribute in my option sets, then I select this icon’s attribute as dynamic data in my HTML element on my page. But the icon doesn’t appear. However if I simply copy paste the HTML code in my element then the icon appears alright. And then second question, how do you do to change the style/color of the icon? In the HTML style we can only change padding, shadow and border style, but what about the color of the icon?
Hope you can detail a bit more this part for me!
Hi @boston85719 many thanks. I contacted Patricia directly from the thread since I still have an issue to display the icon with an HTML element from my DB/Option Set. Hope she will help me sort this out. Anyway, thanks! Quentin