--- title: "How to Change Logo in Magento 2" url: "https://dolphinwebsolution.com/how-to-change-logo-in-magento-2" date: "2023-06-19T08:57:24+05:30" modified: "2023-08-29T05:40:44+05:30" author: name: "Prashant Dhaduk" categories: - "Magento2" word_count: 465 reading_time: "3 min read" summary: "This article will explain how to change the logo in Magento 2. Let’s find out how you can do it. A logo is a brand\'s first visual representation. We\'ve never seen a website that didn\'t have a ..." description: "This article will explain how to change the logo in Magento 2. Let’s find out how you can do it. A logo is a brand’s first visual representation. We&..." keywords: "Magento2" language: "en" schema_type: "Article" related_posts: - title: "Region/State is not showing on shipping address box in checkout page" url: "https://dolphinwebsolution.com/region-state-is-not-showing-on-shipping-address-box-in-checkout-page" - title: "Add custom block in cart summary on checkout and cart page in Magento 2" url: "https://dolphinwebsolution.com/add-custom-block-in-cart-summary-on-checkout-and-cart-page-in-magento-2" - title: "How to set a theme on a specific page in Magento 2" url: "https://dolphinwebsolution.com/how-to-set-a-theme-on-a-specific-page-in-magento-2" --- # How to Change Logo in Magento 2 _Published: June 19, 2023_ _Author: Prashant Dhaduk_ ![](https://dolphinwebsolution.com/wp-content/uploads/2023/06/change-logo-banner.png) This article will explain how to change the logo in Magento 2. Let’s find out how you can do it. A logo is a brand’s first visual representation. We’ve never seen a website that didn’t have a logo or a favicon icon. Magento 2 allows you to easily and quickly update the logo in the header, transactional emails, and invoices. However, the logo sizes for each of them change. To update the logo, simply follow three simple steps. We’ll show you how to make this modification. ### Step-1: Upload the Logo - The first step is to upload your logo from the admin page of the store. The height and location of the logo in the header can be determined by the subject of the store. - Your logo can be saved as a GIF, PNG, JPG, or SVG file format and uploaded via your store’s admin panel. In the sample data, the default Magento logo is an SVG file, which is a scalable XML-based vector graphic format. [![AI Integration in Magento: Benefits, Use Cases and Business Impact](https://dolphinwebsolution.com/wp-content/uploads/2023/06/logo-change-1.png)](https://dolphinwebsolution.com/wp-content/uploads/2023/06/logo-change-1.png) - At this time, the logo will be uploaded to the server at **app/design/frontend/\[Vendor\]/\[Theme\]/web/images/logo.svg** - If you don’t know the size of your theme’s logo or any other picture, open the page in a browser, right-click the image, and inspect the element. ### Step-2: Upload the frontend logo in Magento 2 - Go to the Magento admin panel and click on **Content -> Design -> Configuration** in the admin sidebar and go to **Design Configuration.** - The **Design Configuration** appears below the image Find the store view to configure the logo and click on **Edit** in the **Action** column. [![AI Integration in Magento: Benefits, Use Cases and Business Impact](https://dolphinwebsolution.com/wp-content/uploads/2023/06/logo-change-2.png)](https://dolphinwebsolution.com/wp-content/uploads/2023/06/logo-change-2.png) - To change the **Default Theme**, choose your theme in the **Applied Theme** field that you want to apply to the view. By default, There are 2 themes in Magento 2: Magento Black and Magento Luma. - Expand the **Header** section. [![AI Integration in Magento: Benefits, Use Cases and Business Impact](https://dolphinwebsolution.com/wp-content/uploads/2023/06/logo-change-3.png)](https://dolphinwebsolution.com/wp-content/uploads/2023/06/logo-change-3.png) 1. **Logo Image**: To upload a new logo, click the “Upload” button and navigate to the file on your computer. 2. **Logo Image Width:** Enter the logo’s picture width in pixels or leave it by default. 3. **Logo Image Height:** Enter the logo’s picture height in pixels or leave it by default. 4. **Logo Image Alt:** Enter the text that should appear when someone hovers their mouse over the image. ### Step-3: Save and Check the Result - When completing the above steps Click on Save Configuration you can see the logo has changed to the website. **That’s it!** I hope this technical blog will help you find what you were looking for. If you have any further questions about the change logo in Magento 2 or if you need any help from our [Magento 2 expert](https://dolphinwebsolution.com/hire-magento-2-developers/), contact us now for a free consultation. **Bookmark** it for your future reference. Do comment below if you have any other Questions. **P.S**. Do share this note with your team. --- _View the original post at: [https://dolphinwebsolution.com/how-to-change-logo-in-magento-2](https://dolphinwebsolution.com/how-to-change-logo-in-magento-2)_ _Served as markdown by [Third Audience](https://github.com/third-audience) v3.5.3_ _Generated: 2026-08-26 07:13:46 UTC_