Source: https://divicake.com/blog/add-favicon-site-icon-wordpress-divi/ [Blog](https://divicake.com/blog/)/[Tutorials](https://divicake.com/category/tutorials/) # How To Add a Favicon (or Site Icon) in WordPress/Divi By Divi Cake·23 January 2025·Updated 19 August 2026·2 min read How To Add a Favicon (or Site Icon) in WordPress/Divi We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [Step 1: Access the WordPress Dashboard](https://divicake.com#step-1-access-the-wordpress-dashboard) - [Step 2: Upload Your Favicon Icon](https://divicake.com#step-2-upload-your-favicon-icon) - [Final Result](https://divicake.com#final-result) - [Conclusion](https://divicake.com#conclusion) In this tutorial, we will guide you through the process of adding a favicon (or site icon) to your WordPress [Divi](https://divicake.com/go/divi/) website. A favicon is a small image that appears next to your website’s title in the browser tab, helping visitors easily identify and remember your site. It’s a simple yet effective way to enhance your website’s branding and create a more professional appearance. By following these easy steps, you’ll learn how to upload and configure the favicon, making your site stand out with its own unique icon in the browser. ## Step 1: Access the WordPress Dashboard Open your [WordPress](https://divicake.com/blog/wordpress-tutorial/) Divi website and navigate to the WordPress dashboard, where you will be guided on how to add a favicon icon. ## Step 2: Upload Your Favicon Icon We will begin from the WordPress dashboard under the Appearance section. - Click on the Appearance option. - Select Customize from the Appearance option. Guide to configuring and uploading a favicon in WordPress from the Appearance section in the dashboard. Learn More: [Divi Logo Guide: Resize, Reset, and Style Like a Pro](https://divicake.com/blog/divi-logo-guide-resize-reset-and-style-like-pro/) As the Theme Customization panel opens as shown in the screenshot, you will see multiple options. However, our focus is on General Settings. - Click on General Settings. - Select Site Identity. Navigate to General Settings and Site Identity in the WordPress Customization panel to upload a favicon. As the Site Identity panel opens, you will find the Site Icon upload option listed as the third option. This is where we will upload the favicon. Follow the steps carefully to complete the process smoothly. - Click on the Select Site Icon button under the Site Icon option. - Choose the favicon icon or image from the Media Library, or upload one from your PC—both options are available. - Click the blue Select button to confirm your choice. - Once the favicon icon or image is uploaded, click the blue Publish button to apply the changes. Upload a favicon by selecting the Site Icon option in the Site Identity panel and choosing an image from the Media Library or your PC. Read More: [Utilizing a Dynamic Logo on Your Divi Website: A Step-by-Step Guide](https://divicake.com/blog/dynamic-logo-on-divi-website/) ## Final Result The screenshot below displays the final outcome after successfully uploading the Favicon Icon or Site Icon. Screenshot showing the final result after successfully uploading and applying the favicon (site icon) in WordPress Divi. ## Conclusion In this tutorial, we covered the simple steps to add a favicon (or site icon) to your WordPress [Divi](https://divicake.com/go/divi/) website. We started by accessing the WordPress dashboard, then proceeded through the Theme Customization panel to upload and publish the favicon. By following these steps, you have successfully added a unique site icon, [enhancing your website’s appearance and branding](https://divicake.com/blog/divi-enhancement-guide/). This process ensures that your site stands out in browser tabs, providing a more professional and recognizable identity. Learn More: [How to Use a Dynamic Logo in Divi Website](https://divicake.com/blog/dynamic-logo-in-divi/) About the author Written by Divi Cake. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Tutorials [ Getting Started with Divi: Using the Divi Builder Tutorials7 min read ### Getting Started with Divi: Using the Divi Builder A walkthrough of the Divi Builder for new users: the backend and frontend builders, how sections, rows and modules fit together, and a simple contact page built step by step. 1 October 2026](https://divicake.com/blog/getting-started-with-divi-using-the-divi-builder/) [ How to Update the Divi Theme Tutorials4 min read ### How to Update the Divi Theme How to update the Divi theme safely: back up and test first, add your Elegant Themes API key to Theme Options, run the update from the WordPress Updates screen, and what to do with a legacy version. 23 September 2026](https://divicake.com/blog/how-to-update-divi-theme/) [ Top reasons to choose a pre-built theme for your website Blogging10 min read ### Top Reasons to Choose a Pre Built Theme for Your Website Why a pre-built theme is often the faster and cheaper way to launch a site, compared with a custom build on cost, responsiveness, customization, SEO and support. 21 September 2026](https://divicake.com/blog/reasons-to-choose-a-pre-built-theme-for-your-website/)