Bom dia tudo bem, pessoal?
Estou usando um JavaScript para remover um icone e incluir um novo SVG, porém ele inclui o novo e não apaga o antigo.
function changeIcons(){
const iconMobile = document.querySelector(‘.icon-user’);
iconMobile.innerHTML = ‘’;
iconMobile.innerHTML = <svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.3448 0.344727C11.368 0.349173 7.55524 1.93095 4.74316 4.74304C1.93108 7.55512 0.349295 11.3678 0.344849 15.3447C0.351512 19.3209 1.934 23.1324 4.74561 25.944C7.55721 28.7556 11.3686 30.3381 15.3448 30.3447C19.3231 30.3447 23.1384 28.7644 25.9515 25.9513C28.7645 23.1383 30.3448 19.323 30.3448 15.3447C30.3448 11.3665 28.7645 7.55117 25.9515 4.73813C23.1384 1.92508 19.3231 0.344727 15.3448 0.344727ZM24.4685 24.0003C23.626 22.3011 22.3255 20.8712 20.7136 19.8718C19.1017 18.8724 17.2426 18.3434 15.3461 18.3444C13.4495 18.3454 11.591 18.8764 9.98014 19.8774C8.3693 20.8785 7.07029 22.3099 6.22965 24.0099C3.98675 21.6837 2.73698 18.5761 2.74485 15.3447C2.74485 12.003 4.07235 8.79814 6.4353 6.43518C8.79826 4.07222 12.0031 2.74473 15.3448 2.74473C18.6866 2.74473 21.8914 4.07222 24.2544 6.43518C26.6174 8.79814 27.9448 12.003 27.9448 15.3447C27.9524 18.5716 26.7059 21.6751 24.4685 24.0003ZM15.3448 6.34473C14.2768 6.34473 13.2328 6.66143 12.3448 7.25479C11.4567 7.84815 10.7646 8.69152 10.3559 9.67824C9.94719 10.665 9.84025 11.7507 10.0486 12.7982C10.257 13.8457 10.7713 14.8079 11.5265 15.5631C12.2817 16.3183 13.2439 16.8326 14.2914 17.041C15.3389 17.2493 16.4246 17.1424 17.4113 16.7337C18.3981 16.325 19.2414 15.6328 19.8348 14.7448C20.4281 13.8568 20.7448 12.8127 20.7448 11.7447C20.7448 11.0356 20.6052 10.3334 20.3338 9.67824C20.0624 9.02308 19.6647 8.42779 19.1632 7.92635C18.6618 7.42491 18.0665 7.02715 17.4113 6.75578C16.7562 6.4844 16.054 6.34473 15.3448 6.34473Z" fill="#C8EF78"/> </svg>
}
changeIcons()
Esse é o código que utilizei. E ele fica assim
Se alguém puder me ajudar eu ficaria grato.
