How to Create Favicon Online with Free Favicon Generators

By 13-07-2012   BloggingTutorials
Tweet Share Email Share  

Do you like our new Favicon? Create Favicon online using free favicon generator tools to enhance your site branding. Favicons are the small icons which you see on browser tabs and browser bookmark lists which provides a visual identity of your brand in a small icon format, which is very useful for brand recall.

favicon designs

Many readers must have noticed that we recently updated our favicon, and here is how we designed the favicon from scratch using this cool online tool.

Advertisements

Create Favicon Online

Though there are many free online tools to create favicons online, we use the favicon.cc favicon generator, which allows us to create a new favicon in a few minutes.

create favicon

Here is how you can also create free favicon for your website in a few minutes

  1. You start with a 16 x 16 grid of transparent blocks.
  2. Use the pen to choose the colour from the huge range of colours in the colour grid, or alternatively if you have a preferred colour you can click on the hex code and fill your colour in the pop-up box (like 0000FF for blue).
  3. Simply click the box in the grid, and the particular colour will appear. Keep repeating this to get the design of your choice which is symbolic of your own site.
  4. If you want to remove the colour from any box, use the eraser also labelled as ‘transparent’, to create transparent boxes again
  5. The good feature is that the last used colours are all alongside so you can easily choose and switch between the colours
  6. Preview the favicon below the grid, and after you like it, simply download it to your computer.

preview favicon

Note that you can also import an image, and the favicon generator will convert it into a favicon which you can easily edit as per your needs and site design. If you don’t like the design, you can import the favicon again and edit it till you get a great favicon.

Upload the favicon.ico into the root directory of your server by FTP. For example, in our case it will be located quickonlinetips.com/favicon.ico

Link the favicon between the HEAD tags of your HTML file like this
<link rel="icon" href="http://quickonlinetips.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://quickonlinetips.com/favicon.ico" type="image/x-icon" />

Remember, it is a great idea to get a favicon for your blog or website for excellent branding, and superior brand recall of your site. Go ahead and create your free favicon online using this favicon generator easily.

7 comments on “How to Create Favicon Online with Free Favicon Generators

  1. Thank you so much for this post. It was really helpful to me. I am making my website and was looking for the important tools to publisize it and I finally find something.. Can you also tell how to organize rss feeds for the wordpress platform??

  2. Thanks for this article. Using this creating favicon online will be simple and the easy. I was always in search useful things. You blog is quite useful.

  3. stalin maxwell says:

    It Amazing QOT Icon

  4. Favicon are small images which is basically display in the address bar. Many owners use these due to its gives a unique look to your website. It made up of 16 or 32 pixels.

  5. Dexcerpah says:

    I also want a favicon for my site. And with this help, i think i can easily create one for my site too. By the way can you tell me how to blend the site header logo with the background color( image)?

  6. Kathrin says:

    I found a favicon generator that creates many file formats (.png and .ico) at http://faviconit.com/

    Worth a visit :)

  7. you can try http://favicon1.com to generate favicons online.

Leave a Reply

Your email address will not be published. Required fields are marked *

css.php