Quiero cambiar el color de un SVG que uso como Favicon en una página HTML. Quiero usar un botón y si hace clic en el botón debería cambiar el Favicon.
Ya lo hice funcionar con elementos SVG normales en mi página, pero no puedo encontrar una manera de que funcione para Favicon.
¿Alguien tiene una idea de cómo puedes hacerlo?
<link id="favicon" rel="icon" href="image-name.svg" type="image/png" sizes="16x16">cree dos íconos y reemplácelos usando la función js.
<button class="btn2" type="button" onclick="changeFavicon()"> Change Favicon </button> // Assign a constant variable and get them by the favicon Id const favicon = document.getElementById("favicon"); // Creating a function for the button function changeFavicon() { favicon.setAttribute("href", "image-name2.svg"); }