Html 我的svg大纲不完全在svg边缘上

我希望我的尺码和位置非常干净

我的SVG轮廓不完全在边缘上。我不能把它放在我想要的地方

<div id="ticket-container">
  <div id="ticket">
    <object data="ticket.svg" type="image/svg+xml" id="ticket">
            x
    </object>
  </div>
</div>`

---

在上面的图片中，我们需要看到ticket.svg的标记。图像没有任何帮助。

#ticket-container{
  width: 50%;
  height: 100%;
  display: inline-block ;
  float: right;
  box-sizing: border-box ;
  padding-bottom: 11px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end; 
  color: whitesmoke !important; 

}
#ticket{
  background-color: #e00808;
  width: 30%;
  height: 45%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ticket-svg{
  height: 21px;
  display: inline-block;
}