Branding Assets

Introduction

Branding assets include favicons, apple touch icons, and mask icons. They are the visual identity of your website outside of the actual webpage.

Why it matters

A missing favicon results in a generic globe or document icon, making your site look unprofessional and harder to find in a crowded tab bar.

Where it appears

• Browser Tabs
• Bookmarks Bar
• iOS/Android Home Screens
• Search Engine Results

Implementation

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" href="/icon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/manifest.webmanifest" />