Skip to main content Jump to list of all articles
Sara Soueidan

Sara Soueidan

Sara Soueidan is a Lebanese freelance front-end web developer working with companies across the globe, building sustainable, responsive front-ends for Web sites and applications. She also runs workshops on front-end development and writes technical articles on her blog and for various big publications. Sara wrote the Codrops CSS Reference, co-authored the Smashing Book 5, and has been voted the Developer of the Year in the 2015 net awards.

From Icon Fonts To SVG: Workflow, Tools, Techniques And Everything In Between

Many teams still find themselves struggling to make the switch from icon fonts to SVG. SVG icon systems seem more complex and require a different workflow. But even though some techniques do, there are many options available for creating and embedding SVG icons systems that I’m sure everyone — regardless of their workflow — will find one that works for them. For example, did you know there are 3 different ways to create and embed SVG sprites?

In this talk based on some of the content from my very popular SVG Coffee Cup worksho, I’m going to cover all available SVG spriting techniques and embedding techniques, creating SVG icon systems using all 3 different techniques. You’ll learn the pros and cons of each one, so you can make a better informed decision when choosing your way to SVG icon adoption.