Custom Favicon

UPDATE: This article is no longer relevant. You can now add custom Favicon by going to your app settings and setting the URL for your favicon as illustrated in the image below. 

 

--  We will keep this article here for reference only -- 


This article will walk you through how you can use your own custom Favicon for your app with some custom Javascript.

To use your custom Favicon, apply the following steps:

  1. Go to Settings on your app's navigation bar
  2. Click on Custom Header/Footer Code
  3. Paste the following code into the Custom Header Code section: 
<script>
(function() {
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
    link.type = 'image/x-icon';
    link.rel = 'shortcut icon';
    link.href = 'https://www.stackoverflow.com/favicon.ico';
    document.getElementsByTagName('head')[0].appendChild(link);
})();
</script>

KtmkgTvB5kxxScBKRjf0duGRsh1P8aotFQ.png

4. Click Save. 

You can replace the "https://www.stackoverflow.com/favicon.ico" used in the above code with the URL of your icon.