Icon api

document.getElementById("resultat").style.visibility = "hidden";
var callBackGetSuccess = function(data) {
    console.log("donnees api", data)
    //alert("Meteo temp  : "  + data.main.temp);
    var element = document.getElementById("zone_meteo");
    let queryLoc = document.getElementById("queryLoc").value;
    let newContent = document.createTextNode(queryLoc + " " + data.main.temp + " C° " + data.weather[0].main);
	element.appendChild(newContent);

/* voila par quoi j'aimerai remplacer mes icon traditionnel */

	//const icon = `https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/${
	weather[0]["icon"]
	}.svg`;

/* voila mon code fonctionnel avec les icon traditionnel */

    var iconcode = data.weather[0].icon;
    var iconurl = "http://openweathermap.org/img/w/" + iconcode + ".png";
    $('#wicon').attr('src', iconurl);
    document.getElementById("resultat").style.visibility = "visible";
}

function buttonClickGET(){
    var queryLoc = document.getElementById("queryLoc").value;

    var url = "https://api.openweathermap.org/data/2.5/weather?q="+queryLoc+"&appid=c21a75b667d6f7abb81f118dcf8d4611&units=metric";
    
    $.get(url, callBackGetSuccess).done(function(){
        //alert( "second success" );
      })
      .fail(function(){
        alert( "error" );
      })
      .always(function(){
        //alert( "finished" );
      });
}