The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
SVG is a great format for icons. Vector formats look crisp and razor sharp, no matter the size or device — and we get tons of design control when using them inline.
SVG also gives us another powerful feature: the ability to manipulate their properties with CSS. As a result, we can make quick and simple interactions where it used to take crafty CSS tricks or swapping out entire image files.
Those interactions include changing color on hover states. It … Read article “The Many Ways to Change an SVG Fill on Hover (and When to Use Them)”
