搜索了大多数类似的堆栈溢出的帖子，没有结果，因为我的情况有点不同。

试图在svg图像上添加边框，就像这里的这些图像，但是无法做到。

我注意到当我增加边框半径时，它与音乐图标的右上角重叠，所以我希望完整的图标像下图一样可见。

这里找到我正在处理的svg图像。

我还发现，如果您使用文本编辑器打开svg图像，则其中包含一些信息； 我试着改变填充的颜色并且工作了。

注意，如果我必须将其转换为PNG或使svg透明，请确定。

尝试下面的代码，但它不工作/ASP.NET MVC-CSS

<div>
    <img src="~/Content/images/music.svg" class="image-music" />
</div>

.image-music {
    padding: 0.6vh 1vh 0.6vh 1vh;    
    border-radius: 50%/50%;
    background-color: #FF4E50;
    border: 1vh solid #66f51c;
}