<p>If you go to Craft Settings > General you can add a site icon in there plus a logo for the login page.</p>

CC BY-SA 3.0
2017-05-04T05:38:47.923Z
2017-05-04T05:38:47.923Z
Mark
<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:55:12.643Z
2020-09-24T22:55:12.643Z
Brad Bell
<p>I've successfully added a favicon to the site template through the _layout.html template. So the question is, how do I add the favicon code to the admin/backend of the website?</p>

<p>Thank you.</p>

<admin>
How can I add a favicon to the admin part of Craft?
# How can I add a favicon to the admin part of Craft?

(Asked by: username_0 on 2017-05-04)

I've successfully added a favicon to the site template through the \_layout.html template. So the question is, how do I add the favicon code to the admin/backend of the website?

Thank you.

**Tags:** admin

---

## 2 answers

### Answer by username_1 on 2017-05-04. Score: 4

If you go to Craft Settings > General you can add a site icon in there plus a logo for the login page.


---

### Answer by username_2 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']],
],


---

