CYBER MONDAY: Get Lifetime Access to All Themes & Plugins for only $399 - 24/100 Licenses remaining View Details →
Unlike Classic Themes, since everything is editable using the block editor in block themes, there is a block for adding your logo.
To add your Logo image in the header, you will need to use the Site Logo block:
Go to the Site Editor > and click on the website preview.
Now you have to locate the Site Title block in the header and replace it with the Site Logo block:
You can also manually delete the Site Title and add the Site Logo block.
The Site Logo block includes multiple options to help you control your logo in the header. You can find these options in the toolbar above the block when selecting it or in the Block Settings in the right sidebar:
You can easily crop the image, apply a filter, add margin or padding, and more.
When adding a Site Logo image, it will be used by default as the Site Icon. The Site Icon, also known as favicon, appears next to your website in browser tabs.
If you want to use a different icon for your Site Icon than your site logo, uncheck the option “Use as Site Icon”:
After this, click on the Site Icon settings link, and you’ll be redirected to the Customizer, where you can upload your site icon: