在黑背景的浅灰色的财产 - 模糊

Question

我在黑色背景的标签中有一个浅灰色的SVG按钮。 SVG按钮在边缘看起来“模糊”/“更大胆”。使用白色背景时，我不会注意到这一点。

我认为它与背景和资产颜色之间的高对比度有关。

我怎样才能做得更好？

顺便说一下，我正在使用SVG有div的背景图像并且尊重图像的原始尺寸。

包含SVG资产的div的CSS代码：

http://192.168.101.1:3000

SVG代码：

position: absolute;
z-index: 2;
width: 42px;
height: 42px;
padding: 0px;
border: 0px;
top: 20px;
right: 20px;
background-image: url(/assets/images/icons/create-document-close-button.svg);
background-repeat: no-repeat;
background-color: transparent;
background-size: 36px 36px;
background-position: center center;
transition: all 100ms ease-in-out;