Looks good this is a great start! It would be nice to have a single definition for this svg rather than four different ones (3 sizes in CSS, and 1 created in JS).

Also, noticed the icon was slightly off center in audit lists:

@adamraine Thanks for the review! I've updated the svg definitions and now there is only one definition in CSS. I did some tinkering and found a way to get the positioning right using only background-images.

I think the icon being off center in the audit list was partly due to the svg definition I originally had, it should be updated now and appear vertically centered in the row on Chrome (Version 113.0.5672.126) and Firefox (109.0.1). Let me know if it still appears off and I'll try to reproduce the alignment issue to fix it.

Awesome! I just checked out your changes and everything looks great. That was a smart idea to scale the svg to allow for us to inherit a lot of the same CSS.