Creating sprite sheets using a raster format is a thing of the past, and icon fonts (which were once the pinnacle of web development) are no longer as relevant. So what should developers be using now? SVG is a format that many feel will stay relevant for years to come, becoming the one and only format developers choose to implement their icons.
During this brief Coffee Break Course, we’ll take a look at how to create an SVG sprite using Gulp. If you’re a fan of SVG and icons, this will be the perfect break to learn how to create an SVG sprite for your project’s icons.
To follow along, you’ll need a basic understanding of how to use NPM and Gulp. If you’re not yet comfortable with these, get up to speed with Kezz Bracey’s introductions listed below: