I'd have to play with this, but I'm curious if instead of adding a small amount of extra space to the SVG, if you could use `background-repeat: space` instead.
I'm always on the hunt for an actual use case for that, lol
Thinking about this, I don’t think it would work because the space of the SVG is part of the mask. If you just spaced out the icons I think the background color of the meter would show and there would be vertical lines between each icon.
Ooh, this is excellent. I currently use asterisks and like how it looks, but it's not very semantic. I'm definitely going to revisit my ratings after reading this.
Comments
I'm always on the hunt for an actual use case for that, lol