How To Change Favicon Sharepoint

Changing the favicon in SharePoint can be done by following a few simple steps. If you want to customize your SharePoint site and give it a unique touch, this step-by-step guide will help you achieve that. With the help of custom JavaScript and the ShortPoint Modern Theme Builder, you can easily change the favicon in SharePoint Online, as well as older versions like SharePoint 2007 and SharePoint 2010.

To begin, you’ll need to prepare the favicon by uploading it to a document library or using an existing one. This ensures that you have the image file ready to be applied as the favicon. Next, obtain the URL path of the favicon, which will be needed for the customization process.

Once you have the favicon prepared and the URL path obtained, you can apply custom JavaScript to implement the changes. The ShortPoint Modern Theme Builder comes in handy here. Simply navigate to Utilities > Custom JavaScript and paste the copied code. By applying and publishing these changes, the favicon in your SharePoint site will be updated accordingly.

Please note that this workaround may not work for users of Internet Explorer. It’s important to keep this in mind if you are using this browser.

If you are using SharePoint Online, changing the favicon involves placing the custom favicon in a library and updating the master page accordingly. It’s recommended to edit the master page rather than replacing the default favicon.ico file in the 15 hive. This ensures a smooth and hassle-free process.

For those using SharePoint 2007 and SharePoint 2010, you can follow similar steps to change the favicon. The overall process involves uploading the custom favicon and editing the master page.

By following this step-by-step guide, you can easily customize the favicon in your SharePoint site and give it a personal touch. Start implementing these changes today and make your SharePoint site stand out!

Preparing the Favicon and Applying Custom JavaScript

Before changing the favicon in SharePoint, it is important to prepare the favicon and apply custom JavaScript. This involves a few steps that ensure a smooth and successful favicon customization process. The following guide will walk you through the necessary preparations:

  1. Upload the Favicon: Start by uploading the desired favicon to a SharePoint document library. You can either create a new library specifically for the favicon or use an existing one. Ensure that the favicon is in a compatible format, such as ICO, PNG, or GIF, and that it meets the recommended size guidelines.
  2. Obtain the URL Path: Once the favicon is uploaded, you need to obtain the URL path of the favicon file. This can be done by navigating to the library where the favicon is stored, right-clicking on the file, and selecting “Copy Link Address” or a similar option. Make sure to keep this URL handy, as it will be needed in the next step.
  3. Apply Custom JavaScript: To implement the favicon change, you will need to apply custom JavaScript code. One tool that can assist you with this is the ShortPoint Modern Theme Builder. Access the Theme Builder by going to Utilities > Custom JavaScript. In the provided editor, paste the JavaScript code that corresponds to changing the favicon. This code typically includes a document object model (DOM) manipulation to replace the default favicon URLs with the URL path of your custom favicon. Once the code is pasted, apply and publish the changes.

Congratulations! You have successfully prepared the favicon and applied custom JavaScript to change it in SharePoint. Remember that this method may not work for Internet Explorer due to its limited support for JavaScript.

Using ShortPoint Modern Theme Builder

ShortPoint Modern Theme Builder is an excellent tool for customizing SharePoint sites, including changing the favicon. It provides a user-friendly interface and convenient utilities for applying custom JavaScript code. By following the steps mentioned above, you can easily modify the SharePoint favicon to align with your branding or design preferences.

Pros Cons
Easy-to-use interface May not work for Internet Explorer
Convenient utilities
Allows customization of SharePoint sites

Make sure to save your changes and test the new favicon by refreshing your SharePoint site. If everything is done correctly, you should now have a customized favicon that represents your brand or matches the theme of your SharePoint site.

Summary

In summary, changing the favicon in SharePoint involves preparing the favicon by uploading it to a document library and obtaining the URL path. Then, custom JavaScript code can be applied using tools like the ShortPoint Modern Theme Builder to replace the default favicon with the custom one. This method can be used in SharePoint Online, SharePoint 2007, and SharePoint 2010, but may not be compatible with Internet Explorer. By following these steps, you can easily personalize your SharePoint site and enhance its visual appeal.

Changing the Favicon in SharePoint Online and Older Versions

Changing the favicon in SharePoint can be done differently in SharePoint Online and older versions, and this section will provide the specific steps for each.

To change the favicon in SharePoint Online, you will need to place the custom favicon in a library and update the master page accordingly. Avoid replacing the default favicon.ico file in the 15 hive. Instead, it is recommended to edit the master page. This can be achieved by navigating to the master page gallery in the SharePoint Online site and selecting the appropriate master page, such as Seattle.master or Oslo.master.

Once you have opened the master page in SharePoint Designer or any other HTML editor, locate the head section and insert the necessary code to link to the custom favicon. The code should look something like this:

<link rel="shortcut icon" type="image/x-icon" href="/sites/your-site/your-library/favicon.ico" />

Remember to replace “/sites/your-site/your-library/favicon.ico” with the URL path of your custom favicon.

In SharePoint 2007 and SharePoint 2010, the process is similar. First, upload the custom favicon to a document library or use an existing one. Obtain the URL path of the favicon by right-clicking on the favicon file and selecting “Copy Shortcut” or “Copy Link Address.”

Next, navigate to the master page gallery and select the appropriate master page. Open the master page in SharePoint Designer or any other HTML editor, locate the head section, and insert the code to link to the custom favicon. Save the changes and publish the master page to apply the new favicon.

By following these steps, you can easily change the favicon in SharePoint Online, SharePoint 2007, and SharePoint 2010, giving your site a personalized touch.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.