Spring Cleaning!

It was time to do some spring cleaning around here at Free Favicon and finally clean up some of the Objects folder that was starting to get out of control.

As a result there are now FIVE new categories of favicons to look through but it does make the Objects category more manageable plus it was an opportunity to add a huge bunches of new favicons to the site. The new categories are:

  • Icons – I know it seems redundant to have a category called icons but once you look through them you will see why, maybe.
  • Plants and Flowers – The number of plants and flowers was growing out of control in Objects so they needed their own section. See what I did there, growing…haha.
  • Signs – Signs make great favicons and there were a lot of signs I have have been seeing lately that I just did not create favicons from because it would just be too many in the Objects category. Now with their own section I went to town and made a whole bunch.
  • Smilies – I was not sure to call this section Smilies or Emoticons. Always fun to use as a favicon.
  • Symbols – This category was tough to create. Some of the most popular favicons in Objects ended up getting moved here like the Yin Yang symbols but they definitely belong here more than in objects.

In other news it was a long time coming but I finally made it possible to preview the favicon when you visit the detailed listing for each favicon. There might still be some categories that default to the Free Favicon favicon but most favicon details pages should load the actual favicon on the tab bar now.

Also on the favicon details pages there is now the option to add comments! The Disqus commenting has been added to the favicon details pages so if you download a favicon and use it and what to show of your website you can, or if you just love a certain favicon and want to express yourself you can.

If you have any suggestions for new categories or are looking for a specific favicon feel free to leave a comment here and I will see what I can do.

FreeFavicon.com Has Moved!

Well after years and years of hosting on Hostgator.com FreeFavicon.com has decided to step things up a bit and move on to a new host. Things were starting to get crowded over at Hostgator and we needed some more room. Not to mention we did not think the server was going to hold up to some of the plans we have ahead.

There could still be a few things out of place but for the most part the move went smoothly and we are happy to have made the move.

Looking forward to continuing offering the best favicon and icon creation website on the Internet.

St. Patrick’s Day Favicons

St. Patrick’s Day is coming up on March 17 and I thought I would highlight some of the great new favicons that we have added to the site with a St. Patrick’s Day theme.

If you do add a special favicon to your website for St. Patrick’s Day remember to also force a favicon refresh by temporarily adding some explicit HTML markup and append a query string. This will cause your visitors web browsers to request the new favicon.

<link rel="icon" sizes="16x16 32x32" href="/favicon.ico?v=2">

Hope you enjoy St. Patrick’s Day and come and look for more new favicons soon.

Enjoy these St. Patrick’s Day favicons!

Flag of Ireland
Flag of Ireland
Clover
Clover
Pot of Gold
Pot of Gold
Leprechaun Hat
Leprechaun Hat
St Patrick's Day Ribbon
St Patrick’s Day Ribbon

Favicon Sizes

At one time favicon sizes were simple. Create a 16×16 pixel ico image and place it in the root of your web server with the name favicon.ico and the browsers picked it up as the websites favicon. Then came 32×32 pixel sized favicons. That was easy enough but things change and we got Apple touch icons, Android icons and now Windows Metro tile icons. It gets confusing really quickly.

  • 16×16 – Still the default for a favicon. Should be included in the favicon.ico file.
  • 32×32 – The next size up for favicons. Both 16×16 and 32×32 pixel sized icons can be included in the favicon.ico file. This is something our current favicon generator does not actually do. The next generation of our icon creator will provide this.
  • 57×57 – Standard iOS home screen. iPhone, iPod Touch, and Android 2.1+ devices.
  • 72×72 – For first and second generation iPad.
  • 96×96 – GoogleTV icon.
  • 114×114 – For iPhone with high resolution retina displays running iOS 6.
  • 120×120 – For iPhone with high-resolution retina display running iOS 7.
  • 128×128 – Chrome Web Store icon.
  • 144×144 – For iPad with high-resolution retina display running iOS 6. Also IE10 Metro tile for pinned site.
  • 152×152 – For iPad with high-resolution retina display running iOS 7.
  • 195×195 – Opera Speed Dial icon.

As you can see the number of favicons that you could create has grown considerably. If you want to save time we recommend you make at the very least three favicons. A 16×16, 32×32 and a 152×152 icon for use with iOS/Android devices. The larger sized icon will be automatically downscaled by the devices.

Currently our generator will only produce a 16×16 ico file from your image. Our second generation creator that we are testing now will allow you to produce an ico file with both 16×16 and 32×32 pixel icons included as well as png formats for 16×16, 24×24, 32×32, 48×48, 57×57, 64×64, 72×72, 114×114, 120×120, 144×144, and 152×152 sized icons.

Look for our announcement soon about the new icon creator we have been working on and more information of how to add all of the different sizes on your website.

ASCII HTML Codes

There are times when it comes in handy to know the HTML code for a certain ASCII character. Perhaps you want to express yourself (♥) on Twitter or you need to add a code sample to your website and have it display instead of being rendered by the web browser. What ever the reason the best way is to use the ASCII HTML code for the character you want to display.

Below is the basic ASCII HTML codes that you can use in your website. Some have special names like the ampersand (&) but they all have an HTML number code as well.

Symbol HTML Number HTML Name Description
 

!

#

$

%

&

(

)

*

+

,

.

/




&#32;

&#33;

&#34;

&#35;

&#36;

&#37;

&#38;

&#39;

&#40;

&#41;

&#42;

&#43;

&#44;

&#45;

&#46;

&#47;
 
 
 
 

 

 

&quot;

 

 

 

&amp;

 

 

 

 

 

 

 

 

 
&spades;
&clubs;
&hearts;
&diams;

space

exclamation point

double quotes

number sign

dollar sign

percent sign

ampersand

single quote

opening parenthesis

closing parenthesis

asterisk

plus sign

comma

minus sign – hyphen

period

slash

black spade suit
black club suit
black heart suit
black diamond suit

Symbol HTML Number HTML Name Description
0

1

2

3

4

5

6

7

8

9

:

;

<

=

>

?

&#48;

&#49;

&#50;

&#51;

&#52;

&#53;

&#54;

&#55;

&#56;

&#57;

&#58;

&#59;

&#60;

&#61;

&#62;

&#63;

 

 

 

 

 

 

 

 

 

 

 

 

&lt;

 

&gt;

 

zero

one

two

three

four

five

six

seven

eight

nine

colon

semicolon

less than sign

equal sign

greater than sign

question mark

Symbol HTML Number HTML Name Description
@

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

&#64;

&#65;

&#66;

&#67;

&#68;

&#69;

&#70;

&#71;

&#72;

&#73;

&#74;

&#75;

&#76;

&#77;

&#78;

&#79;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

at symbol

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Symbol HTML Number HTML Name Description
P

Q

R

S

T

U

V

W

X

Y

Z

[

\

]

^

_

&#80;

&#81;

&#82;

&#83;

&#84;

&#85;

&#86;

&#87;

&#88;

&#89;

&#90;

&#91;

&#92;

&#93;

&#94;

&#95;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

opening bracket

backslash

closing bracket

caret – circumflex

underscore

Symbol HTML Number HTML Name Description
`

a

b

c

d

e

f

g

h

i

j

k

l

m

n

o

&#96;

&#97;

&#98;

&#99;

&#100;

&#101;

&#102;

&#103;

&#104;

&#105;

&#106;

&#107;

&#108;

&#109;

&#110;

&#111;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

grave accent

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Symbol HTML Number HTML Name Description
p

q

r

s

t

u

v

w

x

y

z

{

|

}

~

 

&#112;

&#113;

&#114;

&#115;

&#116;

&#117;

&#118;

&#119;

&#120;

&#121;

&#122;

&#123;

&#124;

&#125;

&#126;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

opening brace

vertical bar

closing brace

equivalency sign – tilde

(not defined in HTML 4 standard)

Symbol HTML Number HTML Name Description
 

¡

¢

£

¤

¥

¦

§

¨

©

ª

«

¬

­

®

¯

&#160;

&#161;

&#162;

&#163;

&#164;

&#165;

&#166;

&#167;

&#168;

&#169;

&#170;

&#171;

&#172;

&#173;

&#174;

&#175;

&nbsp;

&iexcl;

&cent;

&pound;

&curren;

&yen;

&brvbar;

&sect;

&uml;

&copy;

&ordf;

&laquo;

&not;

&shy;

&reg;

&macr;

non-breaking space

inverted exclamation mark

cent sign

pound sign

currency sign

yen sign

broken vertical bar

section sign

spacing diaeresis – umlaut

copyright sign

feminine ordinal indicator

left double angle quotes

not sign

soft hyphen

registered trade mark sign

spacing macron – overline

Symbol HTML Number HTML Name Description
°

±

²

³

´

µ

·

¸

¹

º

»

¼

½

¾

¿

&#176;

&#177;

&#178;

&#179;

&#180;

&#181;

&#182;

&#183;

&#184;

&#185;

&#186;

&#187;

&#188;

&#189;

&#190;

&#191;

&deg;

&plusmn;

&sup2;

&sup3;

&acute;

&micro;

&para;

&middot;

&cedil;

&sup1;

&ordm;

&raquo;

&frac14;

&frac12;

&frac34;

&iquest;

degree sign

plus-or-minus sign

superscript two – squared

superscript three – cubed

acute accent – spacing acute

micro sign

pilcrow sign – paragraph sign

middle dot – Georgian comma

spacing cedilla

superscript one

masculine ordinal indicator

right double angle quotes

fraction one quarter

fraction one half

fraction three quarters

inverted question mark

Symbol HTML Number HTML Name Description
À

Á

Â

Ã

Ä

Å

Æ

Ç

È

É

Ê

Ë

Ì

Í

Î

Ï

&#192;

&#193;

&#194;

&#195;

&#196;

&#197;

&#198;

&#199;

&#200;

&#201;

&#202;

&#203;

&#204;

&#205;

&#206;

&#207;

&Agrave;

&Aacute;

&Acirc;

&Atilde;

&Auml;

&Aring;

&AElig;

&Ccedil;

&Egrave;

&Eacute;

&Ecirc;

&Euml;

&Igrave;

&Iacute;

&Icirc;

&Iuml;

latin capital letter A with grave

latin capital letter A with acute

latin capital letter A with circumflex

latin capital letter A with tilde

latin capital letter A with diaeresis

latin capital letter A with ring above

latin capital letter AE

latin capital letter C with cedilla

latin capital letter E with grave

latin capital letter E with acute

latin capital letter E with circumflex

latin capital letter E with diaeresis

latin capital letter I with grave

latin capital letter I with acute

latin capital letter I with circumflex

latin capital letter I with diaeresis

Symbol HTML Number HTML Name Description
Ð

Ñ

Ò

Ó

Ô

Õ

Ö

×

Ø

Ù

Ú

Û

Ü

Ý

Þ

ß

&#208;

&#209;

&#210;

&#211;

&#212;

&#213;

&#214;

&#215;

&#216;

&#217;

&#218;

&#219;

&#220;

&#221;

&#222;

&#223;

&ETH;

&Ntilde;

&Ograve;

&Oacute;

&Ocirc;

&Otilde;

&Ouml;

&times;

&Oslash;

&Ugrave;

&Uacute;

&Ucirc;

&Uuml;

&Yacute;

&THORN;

&szlig;

latin capital letter ETH

latin capital letter N with tilde

latin capital letter O with grave

latin capital letter O with acute

latin capital letter O with circumflex

latin capital letter O with tilde

latin capital letter O with diaeresis

multiplication sign

latin capital letter O with slash

latin capital letter U with grave

latin capital letter U with acute

latin capital letter U with circumflex

latin capital letter U with diaeresis

latin capital letter Y with acute

latin capital letter THORN

latin small letter sharp s – ess-zed

Symbol HTML Number HTML Name Description
à

á

â

ã

ä

å

æ

ç

è

é

ê

ë

ì

í

î

ï

&#224;

&#225;

&#226;

&#227;

&#228;

&#229;

&#230;

&#231;

&#232;

&#233;

&#234;

&#235;

&#236;

&#237;

&#238;

&#239;

&agrave;

&aacute;

&acirc;

&atilde;

&auml;

&aring;

&aelig;

&ccedil;

&egrave;

&eacute;

&ecirc;

&euml;

&igrave;

&iacute;

&icirc;

&iuml;

latin small letter a with grave

latin small letter a with acute

latin small letter a with circumflex

latin small letter a with tilde

latin small letter a with diaeresis

latin small letter a with ring above

latin small letter ae

latin small letter c with cedilla

latin small letter e with grave

latin small letter e with acute

latin small letter e with circumflex

latin small letter e with diaeresis

latin small letter i with grave

latin small letter i with acute

latin small letter i with circumflex

latin small letter i with diaeresis

Symbol HTML Number HTML Name Description
ð

ñ

ò

ó

ô

õ

ö

÷

ø

ù

ú

û

ü

ý

þ

ÿ

&#240;

&#241;

&#242;

&#243;

&#244;

&#245;

&#246;

&#247;

&#248;

&#249;

&#250;

&#251;

&#252;

&#253;

&#254;

&#255;

&eth;

&ntilde;

&ograve;

&oacute;

&ocirc;

&otilde;

&ouml;

&divide;

&oslash;

&ugrave;

&uacute;

&ucirc;

&uuml;

&yacute;

&thorn;

&yuml;

latin small letter eth

latin small letter n with tilde

latin small letter o with grave

latin small letter o with acute

latin small letter o with circumflex

latin small letter o with tilde

latin small letter o with diaeresis

division sign

latin small letter o with slash

latin small letter u with grave

latin small letter u with acute

latin small letter u with circumflex

latin small letter u with diaeresis

latin small letter y with acute

latin small letter thorn

latin small letter y with diaeresis

I have found this table to be extremely useful and refer to it regularly even when working here on free favicon. Hopefully you will find it useful.