FREELessons: 8Length: 52 minutes

Next lesson playing in 5 seconds

  • Overview
  • Transcript

4.1 Final Thoughts

Having reached this point, you have learned a lot about getting started with SVG sprites in HTML. Before we draw a close to the proceedings, let’s quickly look at a polyfill in order to make our newly learned skills as widely applicable as possible. My name is Craig Campbell, and from all of us here at Tuts+ thanks for watching.

Related Links

4.1 Final Thoughts

Hello, and welcome back to Using SVG Sprites. As we've discussed in this course, there are several advantages to using SVG sprites to display multiple graphics, using a single file or SVG object. Now we've only talked about two different techniques for displaying SVG sprites, but there are dozens of ways to achieve the same results that we've gone over in this course. Now, one thing you might discover as you're creating your own SVG sprites is that not all browsers fully support the use of SVGs. In light of this it's worth pointing out that there's a great polyfill out there that addresses this issue. And that polyfill is called svg4everybody and you can find it on And I'll include that URL in the course notes. Now, we don't have time in this course to talk about how to implement this polyfill but if you visit this website then you should find plenty of information to help you get started. For example, if we just scroll down a little bit. You can find this README which goes over a lot about the svg4everybody, polyfill, and explain how to use it. So once again, I wanna thank you for watching this course, and I hope you've learned a lot about how to create your own SVG sprites. Again, my name is Craig Campbell, and I'll see you next time.

Back to the top