html - 如何从 svg 的边缘删除背景颜色

Question

我有一个 SVG 图像:

我将填充设置为黄色，并尝试设置 ! 只是黑色，但是当我将背景颜色设置为黑色时，它会占用 div 周围的整个 SVG 标签。
有没有办法可以去除圆圈外的黑色背景色，只在 上应用黑色! 标记？如果我遗漏了回答这个问题所需的内容，请告诉我。我将尝试进一步解释它。

Answer 1

这是给你的新版本:)

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<style type="text/css">
    .st0{fill:#F2C21C;}
</style>
<path class="st0" d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M14.9,8h2.2v11h-2.2C14.9,19,14.9,8,14.9,8z
     M16,25c-0.8,0-1.5-0.7-1.5-1.5S15.2,22,16,22c0.8,0,1.5,0.7,1.5,1.5S16.8,25,16,25z"/>
<rect x="38.1" y="-31.4" class="st0" width="85.6" height="96.6"/>
<rect x="14.9" y="8" width="2.2" height="11"/>
<circle cx="16" cy="23.5" r="1.5"/>
</svg>