How to update the logo of a Craft CMS

Oscar de la Hera Gomez
A flower that represents Craft CMS with the text "Login Page Logo & Site Icon" beneath it.

A step by step guide on changing the logo of the Craft CMS control panel (site icon) and login page.

Please note that these changes are committed to your git repository and are pushed upstream as you deploy across environments - suggesting they could get overwritten on pushes.

Step One: Activate Craft Pro

A screenshot provided by craft demonstrating how to try Craft Pro for free.

In order to be able to change the logo of the Craft CMS login and Control Panel. You need to have Craft CMS Pro.

Step Two: Select Settings

A screenshot of Craft CMS with a highlight on the Settings tab on the left menu side bar. Press it and move on to the next step.

Select Settings from the left menu side bar.

Step Three: Select General

A screenshot of the Craft CMS Settings page with a highlight on the "General" tile. Press it and move on to the next step.

In the Settings page, under System select General.

Step Four: Update Logos

A screenshot of the Craft CMS General Settings page with a highlight on the "Upload Logo" buttons under to the Login Page Logo and Site Icon sections.

Using the upload logo buttons, upload the logos for your Login Page and Site icon.

Step Five: Save

A screenshot of the General Settings Craft CMS page. The image shows that we have added the delasign logo to the Login Page Logo and Site Icon section. Highlighted on the top right is the Save button. You must press this for the changes to register.

Once you have added the logos for the Login Page and Site Icon, press Save.

Once you have saved, it will take you to the Settings page with the logo updated and if you navigate to the login page you will see the logo.

A screenshot of the Craft CMS Settings page showing the logo we added on the control panel on the top left, where the Craft CMS logo used to be.
A screenshot of the Craft CMS login page showing the logo we added.

Any Questions ?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details