How to Change Logo in Magento 2


The size and location of the logo in the header is determined by the store’s theme. Your logo can be saved as either a GIF, PNG, JPG, or SVG file type, and uploaded from the Admin of your store. The default Magento logo in the sample data is an SVG file, which is a scalable XML-based vector graphic format.

How to Change Logo Store Logo

The logo image resides in the following location on the server. Any image file with by that name and at that location is used as the theme logo.

Path: app/design/frontend/[vendor]/[theme]/web/images/logo.svg

If you don’t know the size of the logo, or any other image that is used in your theme, open the page in a browser, right-click the image, and inspect the element.

In addition to the logo in the header, your logo also appears on email templates and on PDF invoices and other sales documents. The logos used for email templates and invoices have different size requirements, and must be uploaded separately.

Magento 2.0

  • On the Admin sidebar, click on Stores. Then under Settings, choose Configuration.
  • In the panel on the left under General choose Design.
  • If you have multiple stores or views, set Store View in the upper-left corner to the view where the configuration applies. Then, clear the checkbox after each field so new values can be entered.
  • Expand the Header section. Then, do the following:

Magento 2.1

From Magento 2.1, this path was changed. It is located at Content > Configuration > Select your current theme > Header

change logo in Magento 2.1

You can see Header section like this.

How to Change Logo Upload Logo

  • To upload a new logo, click on Choose File. Then, choose the file from your computer.
  • Enter the Logo Image Width and Logo Image Height.
  • In the Logo Image Alt field, enter the text that you want to appear when someone hovers over the image.

Step 3: Check the result

When complete, click Save Config

From: mageplaza