Hi guys!
I’ve been trying out a lot of SVG outlined in https://css-tricks.com/svg-sprites-use-better-icon-fonts/ and https://css-tricks.com/svg-fragment-identifiers-work/ to create a comprehensive SVG sprite file and ID each symbol so I could use them with CSS. For now, it doesn’t make sense to me to include SVG in the HTML when I need an icon, as my application uses tons of icons.
And I’m really tired of spriting using background-position; symbols in SVG just seemed so much more organized.
So with this , I referenced an icon with a bg image of the svg file, #id, but nothing shows up as a result. Here’s the CodePen for that: http://codepen.io/jennhi/pen/qOyRpg
Does anyone have any recommendations for this to work without embedding SVG in the HTML?
Thanks!
Jenn