Skip to main content

Favicon

Component
Live

Generate brand specific favicons for an application.

Code

Usage​

Favicons are the small icon displayed in a browser or app tab, providing a recognisable visual cue for bookmarking and tab identification. They facilitate easy navigation and enhance brand recognition.

Installation​

Install

yarn add @iag/chroma-react-ui.components

Import

// Default
import { getFavicon } from "@iag/chroma-react-ui.components";

// SSR applications
import { Favicon } from "@iag/chroma-react-ui.components";

When to use​

Use the Favicon component for all websites and web applications to maintain consistency in branding and to provide users with a familiar visual marker when accessing the site.