{"id":1776,"date":"2021-05-19T12:57:26","date_gmt":"2021-05-19T12:57:26","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/change-default-admin-logo-in-magento-2\/"},"modified":"2025-07-16T17:49:01","modified_gmt":"2025-07-16T12:19:01","slug":"change-default-admin-logo-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/change-default-admin-logo-in-magento-2\/","title":{"rendered":"How to Change Default Admin Logo in Magento 2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In the enhancing world of eCommerce, creating a strong, positive perception of a store is one of the most crucial aspects. A logo is one such aspect that directly affects the branding of the store and clarifies precisely what makes you different.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The admin panel of a default\u00a0Magento 2\u00a0displays its logo in the admin login page and backend menu as shown below image:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Admin Login Page:<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/05\/def.png\" alt=\"How to Change Default Admin Logo in Magento 2\" class=\"wp-image-14878\" style=\"width:366px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Admin Backend Menu:<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/05\/defa.png\" alt=\"How to Change Default Admin Logo in Magento 2\" class=\"wp-image-14880\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Though Magento 2 does not provide any built-in feature to change the default admin logo, a developer have to do it manually.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Magento 2 store owner mostly prefers to&nbsp;<em><strong>change default admin logo in Magento 2<\/strong><\/em>&nbsp;for branding purposes. Also you can&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/upload-svg-image-in-magento-2-custom-module\/\">upload SVG image in Magento 2 custom module<\/a>&nbsp;to enhance visual content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, your store sells CMS extensions, i.e., Magento 2. For that, it would be better if you manage to provide a personalized demo to your customer that allows them to explore the features of your extension.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In such a scenario, use the below method and change the default logo of Magento to your brand logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Moreover, you may also need to&nbsp;<a href=\"https:\/\/meetanshi.com\/blog\/allow-multiple-admin-login-in-magento-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">allow multiple admin login in Magento 2<\/a>&nbsp;to administer the store better and divide the workload for more efficiency.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Method to Change Default Admin Logo in Magento 2<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>For the Admin Login Page:<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Create an&nbsp;<strong>admin_login.xml<\/strong>&nbsp;file at&nbsp;<strong>view\/adminhtml\/layout\/<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?xml version=\"1.0\"?>\n&lt;page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" layout=\"admin-login\"\n      xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n    &lt;body>\n        &lt;referenceBlock name=\"logo\">\n            &lt;arguments>\n                &lt;argument name=\"logo_image_src\" xsi:type=\"string\">images\/Meetanshi.png&lt;\/argument>\n            &lt;\/arguments>\n        &lt;\/referenceBlock>\n    &lt;\/body>\n&lt;\/page><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The admin login page displays like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/05\/Screenshot-at-April-20th-2021-4.34.56-pm.png\" alt=\"How to Change Default Admin Logo in Magento 2\" class=\"wp-image-14870\" style=\"width:415px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>For the Default Logo in&nbsp;Backend Menu<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Create a&nbsp;<strong>default.xml<\/strong>&nbsp;file in your custom module at&nbsp;<strong>view\/adminhtml\/layout\/<\/strong><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?xml version=\"1.0\"?>\n&lt;page xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" layout=\"admin-1column\"\n      xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd\">\n    &lt;body>\n        &lt;referenceContainer name=\"header\">\n            &lt;block class=\"Magento\\Backend\\Block\\Page\\Header\" name=\"logo\" before=\"-\">\n                &lt;arguments>\n                    &lt;argument name=\"show_part\" xsi:type=\"string\">logo&lt;\/argument>\n                    &lt;argument name=\"edition\" translate=\"true\" xsi:type=\"string\">Community Edition&lt;\/argument>\n                    &lt;argument name=\"logo_image_src\" xsi:type=\"string\">images\/Meetanshi.png&lt;\/argument>\n                &lt;\/arguments>\n            &lt;\/block>\n        &lt;\/referenceContainer>\n    &lt;\/body>\n&lt;\/page><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">After applying the above code, the updated logo in the default backend menu will look as shown in image:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2021\/05\/Screenshot-at-April-20th-2021-4.37.26-pm-1.png\" alt=\"How to Change Default Admin Logo in Magento 2\" class=\"wp-image-14873\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Easy! Isn\u2019t it?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Also, please share the solution with Magento Community via social media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the enhancing world of eCommerce, creating a strong, positive perception of a store is one of the most crucial aspects. A logo is one&#8230;<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1776","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1776"}],"version-history":[{"count":4,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1776\/revisions"}],"predecessor-version":[{"id":18072,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1776\/revisions\/18072"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}