コンテナによるSVGパスのカットオフ

Question

Thisは私のSVGパスです

私のCSSコードは次のとおりです。

svg { 
    width: 200px; 
    height: 200px; 
    background-color: #2a0800; 
} 

svg path{ 
    stroke-width: 20; 
    stroke-opacity: 1; 
    stroke: #ff682b; 
} 

SVGパスは、四角形の境界で切り取られています。どのようにしてこのコンテナ/黒背景のサイズを動的に増やして、ストローク幅を大きくするとこのカットオフが得られないようにすることができますか？

Answer 1

svgにパディングを入れても問題は解決しました。

svg { 
    padding-left: 1px; 
    padding-right: 1px; 
    padding-top: 1px; 
    padding-bottom: 1px; 
}