{"id":7863,"date":"2019-10-31T08:24:27","date_gmt":"2019-10-31T02:54:27","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=7863"},"modified":"2019-10-31T08:24:27","modified_gmt":"2019-10-31T02:54:27","slug":"magento-2-change-favicon","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/magento\/magento-2-change-favicon\/","title":{"rendered":"How to Change Favicon in Magento 2"},"content":{"rendered":"<p>In this article we&#8217;ll show you, how to change Favicon in Magento 2. Follow this simple guideline&#8230;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7864\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-1-15-1024x207.png\" alt=\"How to Change Favicon in Magento 2\" width=\"676\" height=\"137\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-1-15-1024x207.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-1-15-300x61.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-1-15-768x155.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-1-15-800x162.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-1-15.png 1039w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p><strong>Step 1: Get Started<\/strong><\/p>\n<p>Login into Magento Admin Panel and from sidebar go to, Content &gt; Design &gt; Configuration.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7865\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-2-15-1024x480.png\" alt=\"How to Change Favicon in Magento 2\" width=\"676\" height=\"317\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-2-15-1024x480.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-2-15-300x141.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-2-15-768x360.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-2-15-800x375.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-2-15.png 1349w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p><strong>Step 2: Edit Design Configuration<\/strong><\/p>\n<p>Now click on Edit button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7866\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-3-15-1024x349.png\" alt=\"How to Change Favicon in Magento 2\" width=\"676\" height=\"230\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-3-15-1024x349.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-3-15-300x102.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-3-15-768x262.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-3-15-800x273.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-3-15.png 1257w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p><strong>Step 3: Change Favicon<\/strong><\/p>\n<p>Expand The HTML Head.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7867\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-4-15-1024x963.png\" alt=\"How to Change Favicon in Magento 2\" width=\"676\" height=\"636\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-4-15-1024x963.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-4-15-300x282.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-4-15-768x722.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-4-15-800x752.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-4-15.png 1256w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Here you can add Favicon icon. Set the Favicon that you want to show on frontend.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7868\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-5-9-1024x295.png\" alt=\"Here you can add Favicon icon. Set the Favicon that you want to show on frontend.\" width=\"676\" height=\"195\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-5-9-1024x295.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-5-9-300x87.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-5-9-768x221.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-5-9-800x231.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-5-9.png 1231w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Now click on Save Configuration Button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7869\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-6-7-1024x308.png\" alt=\"Here you can add Favicon icon. Set the Favicon that you want to show on frontend.\" width=\"676\" height=\"203\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-6-7-1024x308.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-6-7-300x90.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-6-7-768x231.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-6-7-800x241.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/10\/Step-6-7.png 1260w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Yeah Done! Let us know in the comment section below if you have any question. We are happy \ud83d\ude42 to help you!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article we&#8217;ll show you, how to change Favicon in Magento 2. Follow this simple guideline&#8230; Step 1: Get Started Login into Magento Admin Panel and from sidebar go to, Content &gt; Design &gt; Configuration. Step 2: Edit Design Configuration Now click on Edit button. Step 3: Change Favicon Expand The HTML Head. Here&#8230; <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/magento\/magento-2-change-favicon\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":7944,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,181,59],"tags":[10,27],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7863"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=7863"}],"version-history":[{"count":1,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7863\/revisions"}],"predecessor-version":[{"id":7870,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7863\/revisions\/7870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/7944"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=7863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=7863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=7863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}