Recommended releases

Download Released
1.x-1.1.3 (16.28 KB) May 1st, 2025 Notes

This module adds the favicons generated by
RealFaviconGenerator to your site. The
responsive name comes from the fact that many devices are catered for including
iPhone, Android, iPad, other tablets and desktops.

Requirements

Installation

  1. Install this module using the official Backdrop CMS instructions at
    https://docs.backdropcms.org/documentation/extend-with-modules.
  2. Prepare your icon file, either an SVG or a PNG, with a square icon with
    minimum size of 512x512px.
  3. Go to https://realfavicongenerator.net/ and upload your icon.
  4. Adjust the settings for each icon type to your preference.
  5. When asked for the 'Favicon path' leave it as '/' (the root of your
    website); this is because this modules will rewrite the URLs based on the
    Backdrop public file system path and your preferences in the module.
  6. Click to 'Download your favicon package'.
  7. Copy the HTML code section to your clipboard; it is a good idea to save this
    to a text file and keep with the zip file.
  8. Visit Administration > Configuration > User interface > Responsive favicons
    (/admin/config/user-interface/responsive_favicons), paste in the HTML you
    copied and upload the zip file you downloaded.

You site will now output the required metadata for the favicons to work. You can
always check the status report page to find out if your site has been correctly
configured.

Advanced installation

Despite the headers saying where to find the files, some clients will look for
these at the root. This module can intercept these requests for files that are
managed by this module (this varies over time as client systems change).

However, the default Backdrop .htaccess file at the Backdrop root prevents
this for the favicon.ico file. To enable this module to serve the
favicon.ico file from the defined location you need to comment out the
following line:

RewriteCond %{REQUEST_URI} !=/favicon.ico

so it looks like this:

# RewriteCond %{REQUEST_URI} !=/favicon.ico

Current Maintainers

Credits

Ported to Backdrop by biolithic

This module is based on the
Responsive Icons module for Drupal,
originally written and maintained by a large number of contributors, including:

Drupal development sponsored by Catalyst IT

This entire module was spawned from a blog post on the topic located at
https://www.pixelite.co.nz/article/adding-apple-android-favicons-drupal

License

This project is GPL v2 software. See the LICENSE.txt file in this directory for
complete text.