Can I use svg as button with an effect in the outline of the shape?

Question

I'm a beginner and i was just wondering if I can use SVG icons as buttons like make hover for them and active ? and if there is a way to make a border for them but around the shape straight not the box of the shape and fill the shape with a color? just using pure CSS

Answer 1

You can wrap SVG elements in anchor tag or button tag to make them behave as a link or button respectively. To add border around the shape you can use the css stroke property