Css Or Svg. What I am trying to do is hide the gradient except the parts the svg is covering. You have all the same CSS control as with a font but better because you can 1 control individual parts of a multi-part icon and 2 use SVG-specific CSS like stroke properties.
Here is a sandbox of what I have so far but I cant. SVG stands for Scalable Vector Graphics. SVG is used to define vector-based graphics for the Web.
Theres no point sticking css inside it.
SVG defines the graphics in XML format. You will need to load your SVG into your CSS file which is why you need to have both. Its simply an image that is being masked in a circle. You can not get away from CSS in that manner.