Вставить локальный PNG в тег изображения

Question

У меня есть текстовый тег svg, который отображает температуру, и я пытаюсь отобразить изображение рядом с текстом, и оно должно быть прямо рядом с ним, что означает, что он должен оставаться дочерним элементом элемента svg. Вот мой код, мне просто нужна помощь в получении правильного синтаксиса, чтобы это произошло.

• изображение молнии - это локальный файл в папке с изображениями I

<svg id="svg" viewBox="50 54 100 100">
     <text x="86" y="104" id="currentTemp" font-size="9" font-weight="bold" style="fill: #507282">{{currentTemp}}&#176;</text><image width="50" height="50" href="images/lightning.png"></image>
</svg>