I’m using external SVG spritemaps, along with the svg4everybody polyfill (the technique that’s been covered here on CSS-Tricks quite a bit). Most of it is working as expected. However, I’m running into two issues:
- While navigating around the web app (built with React), the map is continuously getting called with a new http request (as seen here, using Chrome: http://bacchetta.co/wp-content/uploads/2016/10/example.jpg). From my understanding, when using this method, there should only be one request, and it should be cached after that point. What am I missing?
One of the icons will not show up unless it’s in its own separate file, which I’ve documented here: http://stackoverflow.com/questions/40047986/svg-symbol-requires-its-own-file-being-affected-by-other-symbols
Any help here is appreciated!