Magento Blog - Tutorials, Tips, News & Insights | Meetanshi
Magento Blog - Tutorials, Tips, News & Insights | Meetanshi
  • Magento Extensions
    • Magento 1 Extensions
    • Magento 2 Extensions
  • Magento Development Services
  • Blog
  • Magento 2

How to Change Default Admin Logo in Magento 2

How to Change Default Admin Logo in Magento 2

Featured In - Magento 2,

Updated on: January 12, 2022
How to Change Default Admin Logo in Magento 2 Kishor Chhugani
Meetanshi Power Magento Store

Power-up your Magento 2 Store

Improve user experience, performance and conversion with 200+ feature rich Magento 2 Extensions!

EXPLORE NOW

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.

The admin panel of a default Magento 2 displays its logo in the admin login page and backend menu as shown below image:

  • Admin Login Page:

How to Change Default Admin Logo in Magento 2

  • Admin Backend Menu:

How to Change Default Admin Logo in Magento 2

Though Magento 2 does not provide any built-in feature to change the default admin logo, a developer have to do it manually.

Magento 2 store owner mostly prefers to change default admin logo in Magento 2 for branding purposes.

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.

In such a scenario, use the below method and change the default logo of Magento to your brand logo.

Moreover, you may also need to allow multiple admin login in Magento 2 to administer the store better and divide the workload for more efficiency.

Method to Change Default Admin Logo in Magento 2

  • For the Admin Login Page:

Create an admin_login.xml file at view/adminhtml/layout/

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-login"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="logo">
            <arguments>
                <argument name="logo_image_src" xsi:type="string">images/Meetanshi.png</argument>
            </arguments>
        </referenceBlock>
    </body>
</page>

The admin login page displays like:

How to Change Default Admin Logo in Magento 2

  • For the Default Logo in Backend Menu

Create a default.xml file in your custom module at view/adminhtml/layout/

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="admin-1column"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="header">
            <block class="Magento\Backend\Block\Page\Header" name="logo" before="-">
                <arguments>
                    <argument name="show_part" xsi:type="string">logo</argument>
                    <argument name="edition" translate="true" xsi:type="string">Community Edition</argument>
                    <argument name="logo_image_src" xsi:type="string">images/Meetanshi.png</argument>
                </arguments>
            </block>
        </referenceContainer>
    </body>
</page>

After applying the above code, the updated logo in the default backend menu will look as shown in image:

How to Change Default Admin Logo in Magento 2

Easy! Isn’t it?

Any doubts? Do mention them in the Comments section below.

I would be glad to help you out.

Also, please share the solution with Magento Community via social media.

Thank you.

Related Post:

  • How to Change the Logo in Magento 2

4.9
(based on 12 Reviews)
How to Change Default Admin Logo in Magento 2

Kishor Chhugani

He is a Magento developer at Meetanshi with a jolly, extrovert, & friendly personality. He loves playing cricket and is a passionate foodie!

Our Popular Magento 2 Extensions & Services









2 Comments

  • rajnikant
    October 30, 2021 at 9:56 am
    Reply

    HOw we can add path of media to this logo or how we can make dymnamic logo

    • Sanjay Jethva
      November 10, 2021 at 12:20 pm
      Reply

      Hello Rajnikant,
      One can’t add the dynamic Path of image in the Xml file.
      You need to put image in your extension under view/adminhtml/web/images folder or in pub/static path
      Thank You

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Get Weekly Updates

Never miss Magento tips, tricks, tutorials, and news.

Thank you for subscribing.

Something went wrong.

GooglePartner Image

Customer Service

  • About Us
  • Contact
  • Help Desk
  • Partner Program
  • Download App

Quick Links

  • Career
  • Free Magento Extensions
  • Magento Upgrade Service
  • Magento 2 Migration Service
  • Magento Hosting Providers
  • Learn Magento 2
  • Sitemap

Address

Bhavnagar HQ 303, Shiv Elite, Madhav Baug - 1, Waghawadi Road, Bhavnagar, Gujarat, India

Ahmedabad Branch 411, Arista Business Space, Sindhu Bhavan Marg, Bodakdev, Ahmedabad, Gujarat, India

+91 7202 997997

Client's Love

fbreviewfbreviewfbreviewfbreview
Facebook Shop Integration / Partial Payment / SMS Notification / PayPal Multi Currency / Image Clean / Out of Stock Notification / WhatsApp Contact / Order Tracking / Shipping Table Rates / Barclaycard Payments / Shipping Rules / Custom Order Number / Payment Restrictions / Hire Magento Developer / magento 2 Extensions
  • Refund Policy
  • EULA
  • Terms & Conditions
  • Privacy Policy

Copyright © 2017-2022 by Meetanshi. All Rights Reserved.

Share

Blogger
Delicious
Digg
Email
Facebook
Facebook messenger
Google
Hacker News
Line
LinkedIn
Mix
Odnoklassniki
PDF
Pinterest
Pocket
Print
Reddit
Renren
Short link
SMS
Skype
Telegram
Tumblr
Twitter
VKontakte
wechat
Weibo
WhatsApp
Xing
Yahoo! Mail
Powered by WP Socializer

Copy short link

Copy link
Powered by WP Socializer
We use cookies for various purposes including analytics and personalized marketing. By continuing to use the service, you agree to our use of cookies.