css - 如何使用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" />

要使背景(在复选标记后面)为绿色，您只需在元素上放置一个绿色背景。
要使绿色超出复选标记的边缘，您必须放置与背景颜色相同的边框