<div> <i id="icons" class="far fa-heart"></i> </div>No sé por qué este código no cambia los íconos ya que el script está vinculado y la consola tampoco mostró ningún error.
let icons = document.getElementById("icons"); icons.addEventListener("click", () => { icons.classList.remove = "far fa-heart"; icons.classList.add = "fas fa-heart"; console.log(icons); });icons.classList.remove=("far fa-heart"); icons.classList.add=("fas fa-heart");reemplace las líneas de código anteriores con esto:
icons.classList.remove("far fa-heart"); icons.classList.add("fas fa-heart");