JSFiddle - React, Tailwind, and code Playground

HTML

<a href="facebook.com"><img class="social" id="facebook" /></a>

CSS

.social img {
    background :url("https://raw.github.com/danleech/simple-icons/master/icons/facebook/facebook-128-black.png") no-repeat;
    width: 128px;
    height: 128px;
    opacity: .5;
}

.social img:hover {
	opacity: 1.0;
}


#facebook {
	content: url("https://raw.github.com/danleech/simple-icons/master/icons/facebook/facebook-128-black.png");
}