How can I change favicon.icon in magento 2 from backend?

I check it in Stores -> Configuration -> General -> Design no option there?

up vote 21 down vote accepted

You can do this through the admin:

Content -> Design -> Configuration

Select your theme,

enter image description here

Go to HTML Head

Set Favicon icon

  • your post is very useful thank you – KGR Dec 21 '16 at 5:21
  • 1
    Changing favicon from admin reflects in both frontend and admin end while changing it manually /app/design/frontend/<Vendor>/<Theme>/Magento_Theme/web/favicon.ico reflects only on front end. – Slimshadddyyy Dec 26 '17 at 6:05

You can change favicon from admin panel

  1. go to Content -> Design -> Configuration
  2. Click on HTML Head settings tab
  3. Upload your favicon and save configuration.

Make sure that you are editing this settings to the current active theme of your store

  • your post is very useful thank you . – KGR Dec 21 '16 at 5:21

I followed the 1st method in this tutorial to change favicon of Magento 2. You can try which you want.

There are 2 ways to change favicon of Magento 2 website

Method 1 : Changing Favicon via backend (recommended)

Log in to your Magento 2 backend, navigate to Store > Setting > Configuration > HTML Head enter image description here

Method 2: Changing Favicon in theme file (not recommended) You can also manually change Favicon of your Magento 2 store by upload and replace favicon.ico file located in

/app/design/frontend/<Vendor>/<Theme>/Magento_Theme/web/favicon.ico

Hope this helps!

  • 1
    Why do you not recommend method 2 btw? I like this method as it offers a fallback, say if someone makes a mistake with the favicon in the admin. – Ben Crook Aug 24 '17 at 13:05
  • If using Method 2 make sure you clear static files cache under System/Cache Management => Flush Static Files Cache button on the bottom. But Method 1 is much easier and automatically displays the favicon on the frontend without having to flush the static files for just one favicon file. Thanks – Jonathan Marzullo Oct 9 '17 at 15:00

Ok perhaps this is easier:

  1. Create a Favicon
  2. Upload the Favicon to Your Magento 2 Store
  3. Refresh the Cache...
  4. On the Admin sidebar, tap Stores.
  5. Under Settings, choose Configuration.
  6. In the panel on the left under General, choose Design.
  7. Expand the HTML Head section.
  8. Upload the favicon.
    1. Choose File.
    2. Then, find the favicon file that you prepared
    3. If you want to delete the current favicon, mark the Delete Image checkbox.
  9. When complete, tap Save Config; Refresh the Cache
  10. When prompted to refresh the cache
    1. Click the Cache Management link in the message at the top of the workspace.
    2. In the list, mark the Page Cache checkbox that is marked “Invalidated.”
    3. Set Actions to “Refresh.”
    4. Then, tap Submit
  • I've submitted a suggested edit for your answer, to make it into a step-by-step list. Could you check my edit to make sure I haven't made the information incorrect? (Also, you can read the tour to get a badge!) – wizzwizz4 Dec 21 '16 at 18:40
  • @wizzwizz4 done – sguzmanr Dec 21 '16 at 19:31
  • in Magento 2 to Content -> Design -> Configuration and select the theme and Expand the HTML Head section.. – KGR Dec 22 '16 at 4:26
  • @GokulK yes that's correct here if you're still having trouble I found this video the will guide you Step by step I looked it up just for you m.youtube.com/watch?v=9J3rSgIJHrM – sguzmanr Dec 22 '16 at 5:47
  • @sguzmanr in Magento 1.x in the General -> Design and in Magento 2.x to Content -> Design -> Configuration – KGR Dec 22 '16 at 6:04

Use Firefox and Adblock to show open blockable itemsopen blockable items and it'll give you the path(URL) to every element that loads with your website to every element that loads with your website it's easier this way when u want to change more than the favicon(from within your cpanel when you view your files you will know where to look bc you already know the path (folder) to the file you want to change it helps when you want to modify your template bc it loads all the urls hopefully this helps

  • I think this is not what the OP is asking. – Marius Dec 21 '16 at 8:44
  • Sorry I thought it would be useful if he's customizing the website since he's changing the Favicon, I thought this would make things easier but in any case I added another answer that might be less confusing – sguzmanr Dec 21 '16 at 12:28

protected by Community Mar 13 at 4:55

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).

Would you like to answer one of these unanswered questions instead?

Not the answer you're looking for? Browse other questions tagged or ask your own question.