Svg Icon For Js. A demo to show how I prefer to set up an SVG icon system in Vuejs. SVG integrates with other W3C standards such as the DOM and XSL.
SVG is used to define vector-based graphics for the Web. Once we know the data attribute we can change it every time it is clicked. You can see a demo live here.
Perhaps you dont need an entirely different set of shapes but you can just change things with CSS to essentially make a new icon.