<p>If you have a favicon.ico at the base level of your public site I think that should do it. All I can tell you is that this is what works for me.</p>

CC BY-SA 4.0
2019-07-21T21:40:37.707Z
Didn't work for me =/
Thiago Rossener
CC BY-SA 3.0
2017-06-29T12:53:37.820Z
2017-06-29T17:47:17.850Z
2017-06-29T17:47:17.850Z
John Morton
<p>If you're on Craft 3.5+, you can use the <a href="https://craftcms.com/docs/3.x/config/config-settings.html#cpheadtags" rel="nofollow noreferrer">cpHeadTags</a> config settings to achieve this.</p>
<pre><code>'cpHeadTags' =&gt; [
    // Traditional favicon
    ['link', ['rel' =&gt; 'icon', 'href' =&gt; '/icons/favicon.ico']],
    // Scalable favicon for browsers that support them
    ['link', ['rel' =&gt; 'icon', 'type' =&gt; 'image/svg+xml', 'sizes' =&gt; 'any', 'href' =&gt; '/icons/favicon.svg']],
    // Touch icon for mobile devices
    ['link', ['rel' =&gt; 'apple-touch-icon', 'sizes' =&gt; '180x180', 'href' =&gt; '/icons/touch-icon.svg']],
    // Pinned tab icon for Safari
    ['link', ['rel' =&gt; 'mask-icon', 'href' =&gt; '/icons/mask-icon.svg', 'color' =&gt; '#663399']],
],
</code></pre>

CC BY-SA 4.0
2020-09-24T22:56:54.627Z
2020-09-24T22:56:54.627Z
Brad Bell
<p>I'd like to add my site's favicon to the admin part of the site.</p>

<p>I tried to do this using the "Site icon" option under general settings. That adds the icon to the sidebar but not as a favicon.</p>

<p>The only way I've found that works so far is by editing the CP's base layout template and adding it there, but that's obviously a bad idea, as that will get overwritten on update.</p>

<p>Anyone found another way to fix this?</p>

<control-panel>
Favicon in Control Panel
# Favicon in Control Panel

(Asked by: username_0 on 2017-06-29)

I'd like to add my site's favicon to the admin part of the site.

I tried to do this using the "Site icon" option under general settings. That adds the icon to the sidebar but not as a favicon.

The only way I've found that works so far is by editing the CP's base layout template and adding it there, but that's obviously a bad idea, as that will get overwritten on update.

Anyone found another way to fix this?

**Tags:** control-panel


---

## 2 answers

### Answer by username_1 on 2017-06-29. Score: 2 | Accepted answer

If you have a favicon.ico at the base level of your public site I think that should do it. All I can tell you is that this is what works for me.

> **Comments:**
> **username_2**: Didn't work for me =/  

---

### Answer by username_3 on 2020-09-24. Score: 2

If you're on Craft 3.5+, you can use the cpHeadTags config settings to achieve this.
'cpHeadTags' => [
    // Traditional favicon
    ['link', ['rel' => 'icon', 'href' => '/icons/favicon.ico']],
    // Scalable favicon for browsers that support them
    ['link', ['rel' => 'icon', 'type' => 'image/svg+xml', 'sizes' => 'any', 'href' => '/icons/favicon.svg']],
    // Touch icon for mobile devices
    ['link', ['rel' => 'apple-touch-icon', 'sizes' => '180x180', 'href' => '/icons/touch-icon.svg']],
    // Pinned tab icon for Safari
    ['link', ['rel' => 'mask-icon', 'href' => '/icons/mask-icon.svg', 'color' => '#663399']],
],


---

