Favicon
Component status:Ready
Short for “favorite icon”, a Favicon is a small branded icon that appears in a browser tab.
It's tiny. But it can play a big part in unifying our websites. It is also a convenient way for visitors to locate your page when they have multiple tabs open or have bookmarked the page.
The Ohio State Favicon is available within the BUX assets package that can be downloaded from the Installation page.
Usage#
Dos#
- Use the Ohio State branded favicon
Don'ts#
- Don't use the default favicon that comes with the framework you are using
- Don't make a unique favicon for an Ohio State website or application
Implementation Notes#
Favicons are implemented via links in the <head> of your site's html.
<link rel="manifest" href="images/favicons/manifest.webmanifest">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="images/favicons/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="images/favicons/apple-touch-icon.png">
BUX provides the standard .ico file for legacy browsers, an svg for modern browsers, an apple touch icon for apple devides, and a webmanifest for android devices.
However, many content management systems and development frameworks will already have a favicon set up that you can just replace with our favicon file.