- Skip to main content
- Skip to "About this site"

# Favicon

- Documentation
- Questions or comments?

This plugin provides the ability to add and update the favicon's on a web page. Its default behaviour is to add a mobile favicon to web pages that have a favicon defined by a `<link rel="icon" type="image/x-icon">` element.

The mobile favicon's file name, rel, path and sizes can be set with `data` attributes on the `<link rel="icon" type="image/x-icon">`:

- data-filename: filename of the mobile favicon (defaults to "favicon-mobile.png"). This will be appended to the favicon's path.
- data-path: path to the mobile favicon (defaults to using the same path as the icon).
- data-rel: rel attribute of the mobile favicon (defaults to "apple-touch-icon").
- data-sizes: `sizes` attribute of the mobile favicon (defaults to "57x57 72x72 114x114 144x144 150x150").

For example, the following overrides the `rel` and `filename` attributes of the mobile favicon:

`<link href="favion.ico" rel="icon" type="image/x-icon" data-filename="my-mobile-favicon.ico" data-rel="apple-touch-icon-precomposed">`

Date modified:
  2014-02-19