Back to Smilies favicons.

Emoticons Simple Face Favicon Information


Tab Preview

Tab Preview
 FavIcon Preview  Favicon Preview  FavIcon Preview
 FavIcon Preview

Display will vary depending on browser and color settings.

Download Zip File Package
Download this Favicon

Downloads
289

How to Add this Favicon to Your Website

There are several steps to add your new favicon to your website. Depending on how thorough you want to be you have several options. At the very least Free Favicon recommends you do the Website Favicon step and the Apple iOS devices and Google Android Devices step. That will cover the majority of your users and provide them with your favicon/icon no matter what device they are on. If you want to be complete you can do add all the additional sizes of icons as well.

Website Favicon

Apple iOS devices and Google Android Devices

If you would also like to install a touch icon for Apple iOS devices and Google Android devices you can also use the 152 pixel png file that is included. You will need to place the following HTML code in between the <head> </head> tags.
<link rel="apple-touch-icon-precomposed" href="/path/to/emoticons-simple-face-152-22384.png">

IE 10 Metro Tile Icon

To add your icon to Windows 8 Metro users you can add the following HTML code between the <head> </head> tags of the page. Replace #ffffff with your desired tile color.

<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/path/to/emoticons-simple-face-152-22384.png">

Everything Else

If you want to be exact and cover every device you can use the rest of the following HTML code between the <head> </head> tags of your page.

The largest to smallest apple-touch-icons.

For iPad with high-resolution Retina display running iOS ≥ 7
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/path/to/emoticons-simple-face-152-22384.png">

For iPad with high-resolution Retina display running iOS ≤ 6
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/path/to/emoticons-simple-face-144-22384.png">

For iPhone with high-resolution Retina display running iOS ≥ 7
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/path/to/emoticons-simple-face-120-22384.png">

For iPhone with high-resolution Retina display running iOS ≤ 6
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/path/to/emoticons-simple-face-114-22384.png">

For first- and second-generation iPad
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/path/to/emoticons-simple-face-72-22384.png">

For non-Retina iPhone, iPod Touch, and Android 2.1+ devices
<link rel="apple-touch-icon-precomposed" href="/path/to/emoticons-simple-face-57-22384.png">

Any additional png sizes that you add that aren't covered above
<link rel="icon" href="/path/to/emoticons-simple-face-32-22384.png" sizes="32x32">