How to Add Favicons to Safari in iOS 12 and macOS Mojave

BY Khamosh Pathak

Published 29 Aug 2018

Favicons have been a part of the browsing experience for more than a decade now. They’re those little icons for the website you’re visiting. You’ll find them in the tab bar up top. If you use Chrome on your Mac, Favicons is how you tell which site you’re on. While browsers like Chrome and Firefox embrace Favicons, Safari doesn’t. Safari on macOS has a property implementation of favicons while iOS lacked support altogether.

But in iOS 12 and macOS Mojave, that changes. It’s one of the new hidden features in iOS 12 and isn’t turned on by default, but if you flick a switch, you’ll instantly see favicons in the tab bar. And they’re the real, high-quality favicons, not the proprietary implementation that macOS had previously.

Must readThe Best iOS 12 Features for iPhone

How to Turn on Favicons in iOS 12

Safari iOS 12 Favicons 4

Step 1: After upgrading to iOS 12, open the Settings app.

Step 2: Tap on Safari.

Safari iOS 12 Favicons 1

Step 3: Tap on the toggle next to Show Icons in Tabs.

That it. Now go to Safari, tap on the Tabs button and you’ll see favicons in the left corner of the title bar.

If you’ve got an iPhone Plus or iPhone X, switch to landscape mode and you’ll see favicons in the tab bar as well!

Safari iOS 12 Favicons 3

How to Turn on Favicons in macOS Mojave

Safari macOS Mojave Favicons 3

To do the same on your Mac running macOS Mojave, follow the steps below.

Step 1: Open Safari browser.

Step 2: Click on Safari menu from the menu bar and select Preferences.

Safari macOS Mojave Favicons 2

Step 3: Click on Tabs.

Step 4: Check the box next to Show website icons in tabs.

Read moremacOS Mojave: All the New and Hidden macOS Mojave Features

Do You Use Multiple Browsers?

Do you tend to have multiple browsers installed on your Mac? Chrome along with Safari? What about your iPhone and iPad? Share with us in the comments below.