html - CSS3：白线不应该在带有图标的按钮内吗？

Question

这是一个屏幕截图，您可以在图标顶部看到一条白线，如红色箭头所示？

我在 Illustrator 上检查过，没有白线？图标大小为 20 倍宽 x 15 像素高。

按钮的 CSS3 代码：

.blue_small {
height: 40px;
width: 40px;
margin-left:16px;
margin-bottom:6px;
background-color:#003F5F;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border: 3px solid #fff;
-webkit-box-shadow: 0px 2px 6px rgba(64,80,85,0.8);  
box-shadow: 0px 2px 6px rgba(64,80,85,0.8);}

更新了该部分的 HTML5，我已经包含了css/normalize.css但它没有任何区别：

      <button class="blue_small"></button>

明明是个小故障，不知道怎么解决？

已解决：带有背景：url（../images/index_video_small2.svg）不重复左5px顶部7px；

_{（来源：kerrydeaf.com）}