From the course: Creating Web Icons with SVG

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Patch browser support issues

Patch browser support issues

From the course: Creating Web Icons with SVG

Start my 1-month free trial Buy for my team

Patch browser support issues

“

- [Voiceover] As with the previous methods we've covered, using external SVG sprites stored in their own files, and calling in the symbols in your page, will not work in older browsers. However, there's an additional caveat here. This also doesn't work in modern versions of Internet Explorer. Because, Internet Explorer doesn't like that we are trying to pull content out from one file, and jamming it into another. It kinda looks like we're doing something fishy. It's actually fine, but Internet Explorer doesn't like it. That means for full, modern, cross-browser support, we need to add in a shim. The good news is we have a solution for this. It's a javascript plugin called svg4everybody. You get it by going to github, then going to the dist folder, and just downloading svg4everybody.min.js In the exercise files for this movie, 04_06, I've already done that. It's found under the js folder, right here, svg4everybody.min.js To get it to work all you have to do is queue up the file and…

Contents