Closed popoleeMaster closed 4 years ago
I saw no problem loading the first or second SVG. This is the template code I used:
<svg-icon src="assets/images/popolee2.svg"></svg-icon>
This is how the second SVG loaded in Chrome:
What do you have for the template code and styling?
I am using ng-bootstrap (so bootstrap and jquery...) in the same time. I call the svg exactly like you, and there is no style in the template or on the component.
If the problem doesn't come from the library itself, might be something in my project. I will look into it then.
Thank you (you can close as this is a non issue)
Hello,
I am using this package to load svg (no preloading) in my angular 9 app. I am using the latest version.
My designer provided me with some icon like this one, that I download optimized from Zepelin (the UX app for mockup) :
Now, if I draw this as an image, or using background-image it draw perfectly fine. Using this package tho, I have a grey cube.
If I edit the svg, and make it like this :
Now it does appear in both.
I am not sure if it's a problem with the library, if I use it incorrectly, or if the svg are faulty. but since they work in css, I am thinking the problem come from how I use this or the library itself.