I would use several icons which are not in the Bubble icon library, and I didn’t find a way to do this without converting them into pictures (but it doesn’t fit with the purpose).
I’d be glad to be able to add SVG pictures to the Icon Library.
Alternatively, being able to add a class to objects would be a good solution too. (Now, you’re only able to add an ID.)
That way, you could simply add a class “red” to your SVG icon(s), and then add some simple custom CSS to your page (to make all icons with class “red” fill red).
This is, of course, not a ‘no-code’ solution, but adding classes to objects would come in handy for tons of other things too.
It does use Font Awesome today, but it uses 4.7. Font Awesome 5 has a ton more icons. I keep running into this when implementing designs my partner hands to me.
Hang on a second. I tried to make an icon of a guy walking and they only options are a guy with a cane, obviously blind. Is this literally all we have and what is a good workaround? This is what I need.
Yep! For anything that looks like an icon or a logo, I use image elements with SVGs.
I’ve been using Bubble since 2015 and the only time I ever use a shape is to act as hidden spacing elements for making the responsive engine work right. Others may use them for design, but I don’t and haven’t had any issues by avoiding them altogether.
Thanks Andrew, really cool. Got it working right from FontAwesome site which is clearly where the designers of my app got their icons from now that I see it.
Is there a way to control the color of the svg? Do I need to do that in illustrator or something else (ugh that’s clearly where it becomes a huge pain if so)