為什么我的 svg 周圍有透明區域？

Question

我在我的網站上制作了一張 svg 圖像。 當我使用它時，它看起來像這樣：

它周圍有很多透明區域，我會說它可以擴展。
svg 圖像本身似乎沒有任何透明區域。
當我使用 png 時它工作正常，只需使用 svg 它就會創建這個空白區域。
我只是給圖像一個紅色背景，以查看圖像的實際位置。

這是我的 css：

#logo {
    position: absolute;
    left: 0;
    top: 0;
    background-color: red;
    width: 200px;
    height: 50px;
}

#logo 指向我的 html 中的<img> ：

<img src="Sources/FruityJuice Logo.svg" alt="FruityJuiceLogo" id="logo">

Answer 1

在 Adobe Illustrator 中，我將文件裁剪為 Yong Pin 所說的徽標，這似乎已經修復了它。