图片应在圆圈内，圆圈应具有白色背景。
并且图像尺寸应小于圆形并位于中心。
我尝试这样：
.icon i {
color: #fff;
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 25px;
text-align: center;
margin-right: 10px;
padding-top: 15%;
}<li><a href="#"><i class="icon" style="background: red;"> <img src="http://www.pngdot.com/wp-content/uploads/2015/11/Free_Arrow_Png_01.png" style="width:50px;height:45px;"></i></a></li>如果我理解正确，可以使用border-radius该圆圈。
body {
background:#000;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
i {
background: white;
border-radius: 20px;
font-size: 25px;
text-align: center;
margin-right: 10px;
border-radius:50%;
display:inline-block;
padding:10px;
}
img {
display:block;
}<i><img src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/410.svg" width="30" /></i>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句