svg图像不显示

我在网站上显示svg时遇到问题。我在这里浏览过多个帖子,但无法完成该死的事情。

这是用记事本打开的.svg文件的顶部。

<?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 182 41" style="enable-background:new 0 0 182 41;" xml:space="preserve">
<style type="text/css">
.st0{fill:#EDC216;}
.st1{fill:#58B1DB;}
.st2{fill:url(#SVGID_1_);}
.st3{fill:url(#SVGID_2_);}
.st4{fill:url(#SVGID_3_);}
.st5{fill:url(#SVGID_4_);}
.st6{opacity:0.6;fill:#FFFFFF;}
.st7{opacity:0.81;fill:#FFFFFF;}
.st8{opacity:0.73;fill:#FFFFFF;}
.st9{opacity:0.79;fill:#FFFFFF;}
.st10{opacity:0.64;fill:#FFFFFF;}
.st11{fill:#656566;}
</style>

enter image description here

它在我的html编辑器中查看(但不发布),并且在我将图像直接拖到chrome中的新标签页时也可以查看。我要附加两个屏幕抓取,以在html编辑器中显示图像和检查元素的信息。

希望有人能帮忙。谢谢。

enter image description here