我想将svg附加到像这样的img标签
<img src="./img/home.svg" class="svg home-img" alt="Image of home">
通过查看论坛和指南，我发现您可以使用javascript将此img标记转换为内联svg标记，然后您就可以像这样更改它。
我的项目中没有javascript。我该怎么做呢？这是我正在使用的svg文件。
<svg version="1.0" 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 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
<polygon fill="#E8EAF6" points="42,39 6,39 6,23 24,6 42,23 "/>
<g>
<polygon fill="#C5CAE9" points="39,21 34,16 34,9 39,9 "/>
<rect x="6" y="39" fill="#C5CAE9" width="36" height="5"/>
</g>
<polygon fill="#B71C1C" points="24,4.3 4,22.9 6,25.1 24,8.4 42,25.1 44,22.9 "/>
<rect x="18" y="28" fill="#D84315" width="12" height="16"/>
<rect x="21" y="17" fill="#01579B" width="6" height="6"/>
<path fill="#FF8A65" d="M27.5,35.5c-0.3,0-0.5,0.2-0.5,0.5v2c0,0.3,0.2,0.5,0.5,0.5S28,38.3,28,38v-2C28,35.7,27.8,35.5,27.5,35.5z"
/>
</svg>