Angular pobieranie ikon z zewnętrznego API

Witam,
Czy w powyższym przypadku, gdzie poprzez interpolacje dodaje ikonę - pobieraną z zewnętrznego Api, mógłbym dodać pobieranie własnych ikon z lokalnego folderu z projektem zgodnie z tym co ma być pobrane z Api. Przed tą interpolacją miała by być jakaś ścieżka z dostępem do folderu z własnymi ikonami.do . Czy to by faktycznie tak działało, że ma być słońce to moje słońce się pokaże itd.

<span class="ikona"><img src="http://openweathermap.org/img/wn/{{Data[0].value.weather_icon}}@4x.png"/></span>

Możesz pozyskać informację o typie ikony z opisu nieba.

np.

weather[0].description;

przykładowo: Description: broken clouds i zrobić w folderze lokalnym broken_clouds.png

<div> <img src="http://openweathermap.org/img/wn/{{Data[0].value.weather_icon}}@4x.png" /></div>

<div> <img src=url("/assets/img/{{Data[0].value.weather_icon}}@4x.png" </div>

Mógłby ktoś poradzić co robię źle. Pierwsza linijka działa - dostarcza dane z API,
co w drugiej linijce jest nie tak jeśli chcę na podstawie informacji z API dostarczyć obraz z lokalnego folderu.

albo jak ten kod przerobić, aby zwracał zamiast numerków zdjęcia (lub aktywował określony styl z scss )z folderu lokalnego we wskazane miejsce
`weatherMain(weather_main){
if (weather_main=="Thunderstorm") return '1';
if (weather_main=="Drizzle") return '2';
if (weather_main=="Rain") return '3';
if (weather_main=="Snow") return '4';
if (weather_main=="Clear") return '5';
if (weather_main=="Clouds") return '6';

return '1';
}