Comment by Theodores
2 days ago
What is your authoring tool for SVG?
The SVG code is well written. It is neither Adobe bloat-spam-slop and neither is it overly SVGOMG'd.
For picky SVG people you could have some easy way to present the code. Only a minority value quality SVG, artworkers do not look at SVG code and coders just see SVG as 'assets' from the artworker. SVG therefore has not evolved to a full art form.
Hey great eye. I generally design in Illustrator with a plugin by Astute graphics that allows me to reduce unnecessary anchor points, run the exported SVG through SVGOMG, and then spend solid time hand coding each background in VS Code with the SVG extension by Jock that let's me see a live preview. Then on the actual site the customizer script I wrote will catch some attributes that aren't needed and remove them, but it's far from perfect.
Have you tried the Jetbrains tools? The free one - WebStorm - comes with live preview.
Nowadays I put my SVG for icons in CSS as pseudocode elements. This means you can't 'use' or 'currentColor', but I am okay with that for icons.
https://en.wikipedia.org/wiki/Lea_Verou
Lea Verou got me started on this particular technique, the gotcha is that you have to escape the hash characters with %023. Her presentations can be found on Youtube, and Lea also has a fab website.