JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.social img {
	width: 128px;
	height: 128px;
	opacity: .5;
}

.social img:hover {
	opacity: 1.0;
}

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