'Dynamically added svg iamge not visible in Angular

I tried to add svg image on my application but it's not visible. The image link is coming from the backend. I tried multiple ways but nothing is working.

1st way:

<img [src]="'https://stream.chome.dev.cmemora.com/images/live/channel/mob/oiBiaga98qirxdPQmlF9-/v-oiBiaga98qirxdPQmlF9-.svg'"/>

2nd Way:

<svg viewBox="0 0 1000 1000" height="100" width="100" xmlns:xlink="http://www.w3.org/1999/xlink"
                  xmlns="http://www.w3.org/2000/svg" fill="black">
                  <img alt="image" [src]="'https://stream.chome.dev.cmemora.com/images/live/channel/mob/oiBiaga98qirxdPQmlF9-/v-oiBiaga98qirxdPQmlF9-.svg'" />

                </svg>

Any help would be appreciated to solve this issue.

javascripthtmlangularsvg


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions