CSS
body {
background-color: #849d8f;
}
.icon {
width: 50px;
height: 50px;
border: 1px solid #ccc;
border-radius: 50%;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width=\'50\' height=\'50\' viewBox=\'0 0 31.375 31.4\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M38.427,2372.17a15.69,15.69,0,1,1-15.692,15.69A15.688,15.688,0,0,1,38.427,2372.17Zm9.137,10.81a7.331,7.331,0,0,1-2.092.57,3.663,3.663,0,0,0,1.6-2.02,7.4,7.4,0,0,1-2.313.89,3.645,3.645,0,0,0-6.207,3.32,10.316,10.316,0,0,1-7.507-3.81,3.655,3.655,0,0,0,1.127,4.87,3.68,3.68,0,0,1-1.65-.46c0,0.02,0,.03,0,0.05a3.651,3.651,0,0,0,2.922,3.57,3.788,3.788,0,0,1-.959.13,3.859,3.859,0,0,1-.685-0.07,3.643,3.643,0,0,0,3.4,2.53,7.29,7.29,0,0,1-4.524,1.56,8.286,8.286,0,0,1-.869-0.05,10.354,10.354,0,0,0,15.946-8.73c0-.16,0-0.31-0.011-0.47A7.328,7.328,0,0,0,47.565,2382.98Z\' transform=\'translate(-22.75 -2372.16)\' fill=\'rgb(255,255,255)\' /%3E%3C/svg%3E");
background-size: 100%;
}
.icon:hover {
box-shadow: 0 3px 3px #000 inset;
}