Multicons: Multiple Favicon Generator

Completely re-written from the ground up, Multicons is a multi-favicon code generator which automatically inserts the necessary meta tags for both favicons (site-wide and/or admin), Apple Touch / iPhone icons, and Android icons.

Not sure what a favicon is? "A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of their own from the hard drive and associate it with a website." – Wikipedia

Favicons have a subtle if small, role in building the branding of a website. When a user takes notice of a favicon it can often be a good indication they have come to the right place serving as a visual representation of a website not only in the browser address bar but also when sifting through bookmarks. It is no secret that our eyes gravitate towards images before the text and not just on the web but iPhones and iPads as well.

Download Plugin

Additional Information

This plugin includes sample files to assist in building the required images. We have included templates for the following: App Touch icons, Regular Favicons, and Android Favicons. These sample images are pre-sized and ready for a creative mind. Open these files in a graphics editor of your choice, make the necessary changes, save them in their appropriate file format and upload them.

Site-Wide Favicon

  1. Location: Website (and Dashboard, if no Dashboard Favicon is specified)
  2. Meta Tags Generated:
link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico"
link rel="icon" type="image/png" href="http://www.yoursite.com/favicon.ico"

Dashboard Favicon

  1. Location: Dashboard Only
  2. Meta Tags Generated:
link rel="shortcut icon" href="http://www.yoursite.com/wp-content/favicon.ico"

Apple Touch iPhone Icon

  1. Location: Website Only
  2. iDevice effects added such as gloss and rounded corners
  3. Meta Tags Generated:
link rel="apple-touch-icon" href="http://www.yoursite.com/apple-touch-icon.png"

Apple Touch PreComposed iPhone Icon

  1. Location: Website Only
  2. No iDevice effects added, square corner icons only
  3. Meta Tags Generated:
link rel="apple-touch-icon" href="http://www.yoursite.com/apple-touch-icon.png"

Android High Resolution Icon

  1. Location: Website Only
  2. Meta Tags Generated:
link rel=”icon” href=”http://www.yoursite.com/icon-hires.png”

Android Regular Icon

  1. Location: Website Only
  2. Meta Tags Generated:
link rel=”icon” href=”http://www.yoursite.com/icon-reg.png”


If there are no links to favicons available then no code is output. If a Dashboard image is not provided this option will default to using the link provided under Site-Wide Favicon.

Release
  • 09 Aug 2010
Version
  • 5.4
WP Version
  • 6.4.3
Install details
    1. Download the plugin and expand it.
    2. Copy the multicons folder into your plugins folder (wp-content/plugins).
    3. Log in to the WordPress administration panel and visit the Plugins page.
    4. Locate the multicons plugin and click on the 'activate' link.
    5. Set up the plugin by visiting Settings > Multicons and provide links to your favicon images.
Release
  • Aug. 9, 2010
Version
  • 5.4
WP Version
  • 6.4.3
Install details
    1. Download the plugin and expand it.
    2. Copy the multicons folder into your plugins folder (wp-content/plugins).
    3. Log in to the WordPress administration panel and visit the Plugins page.
    4. Locate the multicons plugin and click on the 'activate' link.
    5. Set up the plugin by visiting Settings > Multicons and provide links to your favicon images.