如何使用css将svg放置在具有背景的圆圈内？

Question

我有一个svg，我希望它位于一个圆圈内。基本上，检查svg具有圆形的绿色背景。图片中的内容。

我尝试了什么？

<Svgcheck className="fill_check" width="28" height="28"/>

.fill_check {
    fill: white;
 }

有人可以告诉我该怎么做。谢谢

Answer 1

这里是一个例子。

这就是你想要的吗？

（对不起，您使用了img-tag，但您尚未提供svg）

#svg {
  background-color: green;
  width: 25px;
  height: 25px;
  border: 5px solid green;
}

.circle {
  border-radius: 100%;
}

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/White_check.svg/2000px-White_check.svg.png" id="svg" class="circle" />

要使背景（在复选标记后面）变为绿色，您只需在元素上放置绿色背景即可。 要使绿色延伸到选中标记的边缘之外，您必须设置与背景颜色相同的边框