Updating your favicon on the Illinois Drupal Theme

Your Drupal backend might look slightly different depending on the version of Drupal you have, but the steps should ultimately be the same.

Importance

Having a unified favicon across all our university websites helps to solidify our identity and support the Illinois brand.

Target Audience 

List the target audience in this section by functional area(s):  

• Content Editors
• Marketing
• Web Dev/IT

Definitions and Brand Guidance

A favicon is a small graphic image file type ending in .ico that browsers can interpret the little icon in the tab at the top of your browser window.

Favicons for Illinois Websites

Instructions

Step 1: Download the .ico file

By visiting the favicon section of the CDN you can view the favicon itself. Once you’re there, you can right click or press CTRL and click to save the .ico file to your computer. Don’t change the file type or rename if you can help it.

Step 2: Log in to your Drupal backend

After you have the file saved to your computer, you’ll need to upload it in two places on your Drupal website (or possibly more if you have additional custom themes installed). In your Drupal dashboard, you’ll want to follow this path:

1. Appearance (could look like a paint brush icon)
2. Settings (it might have a additional drop downs, but you want to click on the Settings link itself)
3. Scroll down to the favicon section and uncheck “use theme favicon”
4. Upload the new favicon file by clicking the box that says “Choose File” under the Upload favicon image label.
5. Repeat these steps under Appearance and then Illinois framework theme.
6. Repeat again under any additional active child themes.

Contact

Sydney Flowers, Web Developer, sydbeth@illinois.edu

← Back to all Written Trainings

---

See Related Trainings