Not sure how to put my SVG into this structure
Closed this issue · 2 comments
I have an SVG, but when i look at the demo twitter icon, the format is completely different
Can you give me some advise here please.
Here is my SVG:
So looking at the demo the vector format looks completly differerent:
It seems you put single elements into this. mostly the tag is a group of elements put together. I notice that the demo twitter tag is a single tag, so I presume that works as well. (Just to clarify, this element takes several single elements at the top level, each one with an id that defined the icon name. You can of course nest multiple elements under each single element).
I just created an icon for use using inkscape, and found when I opened the svg file it had created, it had grouped an entire layer together with a tag. Since this was the only layer I took this and added the id attribute to give it a name..
One problem I them had was that each of the elements had a style on them. This seems to effect the styling Polymer was trying to apply, so I manually deleted these styles, and that solved that problem.
I created the icon at 48 x 48 according to inkscape, but when I put size=48 into the appropriate attribute on this iron-iconset-svg element I only got the top quarter of it. Changing this to size 96 solve the problem, although I have no idea why
hmm. Ok thanks for the tips.
I will give it another shot based on the bits of advice you gave me.