Four_card_feature_master using CSS grid

Feel free to give me some feedback!

The "testimonial grid section" challenge helped me a lot to try and make this grid work.

I guess the only question i have is, whenever adding icons, I've seen multiple ways of doing it:

1. By creating a class for your icon, going in your css and then add it in css with background-image: url("images/xxx.svg");
2. <img src="images/image.jpg"></img> and edit it in css with img { }
3. <button class="button" data-icon="icon">xxx</button>

.button[data-icon="shopping-cart"]::before {
content: " ";
background-image: url("images/icon-cart.svg");
width: 15px;
height: 16px;
} 

which one is better to do and what's the difference