title: How completely remove favicon and its space from browser tab
body: <p>Via Javascript/jQuery I can update the browser tab favicon, modifying the <code>href</code> attribute on the related <code>link</code> tag, so far so good.</p>
  
  <p>The problem is when I remove the <code>link</code> tag or update its <code>href</code> to an invalid URL via Javascript/jQuery, it leaves the previous favicon instead of removing its space from the browser tab.</p>
  
  <p>If I change the <code>href</code> from the Dev Inspector, to an invalid URL it DOES remove the space though.</p>
  
  <p>I don't want to have the default browser favicon, what I need is to remove its space completelly.</p>
  
  <p>Any ideas on how can I force the favicon space from the tab? </p>
  
  <p>See these images for reference:</p>
  
  <p>Desired outcome (if link href is set to invalid URL via Dev Inspector, this is the desired outcome):</p>
  
  <p><a href="https://i.stack.imgur.com/mxqhm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mxqhm.png" alt="enter image description here"></a></p>
  
  <p>A temp fix by using a blank data URI (not what I need):</p>
  
  <p><a href="https://i.stack.imgur.com/OcFey.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OcFey.png" alt="enter image description here"></a></p>
  
  <p>The <code>&lt;link&gt;</code> tag in the <code>&lt;head&gt;</code> whom I'm modifying its <code>href</code>:</p>
  
  <p><code>
  &lt;link rel="icon" href="http://some-site.com/favicon.png" sizes="32x32"&gt;
  </code></p>