3 Ways to Download Favicon from Website

Total
1
Shares

Well you might be web-publisher, a website builder, a blogger or simply a tech enthusiast. I am sure you would have witnessed n number of websites with awesome Favicons. The Favicons, those tiny little images on the top of your Browser along with the tab! Ever wondered it’s importance? Or why people put it there, or better yet, ever thought of downloading a website Favicon? NO? Well here I am at your service providing you with some of the 3 best ways to download favicon from website.

Let’s first have a look on what a Favicon is?

Well actually the name Favicon comes from “Favorites Icon”. Now, you might guess why we are so much obsessed with downloading someone else’s favorite thing. Just Kidding!  The Favicon is a small image of approximate pixel sixe of 16×16 with *.ico extension. There could be another size such as 36×36 or 64×64. The new browsers though support other formats like .png, .gif and .jpeg but not the old ones. So let’s stick to .ico. Ok?

Downloading favicon might not be really useful. But, it comes handy if you would like to create your website with links to your favorite social media sites.

Favicon is very important for any website as it is a small intro of your website in icon size. Sometimes we saw any website and want to use that same logo for our website. Here in this article, we are going to share how to download Favicon of another website easily.

The name Favicon may be the short-form for Favorites Icon. Since the title suggests, it’s a tiny tattoo image with an extension.ico. This image is generally of the size 16×16 pixels. This small photograph can be used from the web site designers to show it on the website while browsing while bookmarking and while viewing.

How to Download Favicon from the Website?

Now let’s actually look for the ways in which we can download the Favicon from the website itself. But before that you must know a thing about hosting and directories. Well don’t worry, we are not going into some core concepts, only a small thing that you should know about a website. Whenever a hosting creates a database for particular websites, the files are sub-divided broadly into two sections. Those files can either be in Root Directory or outside of Root Directory. And the same happens with favicon also so let’s have a look one by one for both the Cases.

Also Read :

Method 1 : Download Favicon from a Website When Favicon is in Root Directory

Well if you are certain, that the favicon resides in the Root Directory then you can follow these steps. Well certainly you cannot be always sure, so the best option is try it out. If it works, well and good otherwise we have other ways too.

Step 1: Go to the website of whose you want to download the Favicon. Let’s, for example, go with switchgeek.com.

Step 2: All you do now is enter /favicon.ico in front of that website’s URL. So taking the example it should go like

www.switchgeek.com/favicon.ico

And Voila! You will have the image in front of you all you have to do now is

Step 3: Right click on the image and save it up.

Download Favicon 1

Download Favicon from a Website When Favicon is not in Root Directory

Well like we said sometimes the favicon is not present in root directory or if the above mentioned trick doesn’t works. What should be done next? Well in that case it’s not that hard, just follow these steps.

Step 1: Go to the website of whose you want to download the Favicon. Let’s for example go with switchgeek.com.

Step 2: Now your next step is you have to go to the page source of the website. Now for that you can do either of the two things.

  • Press Ctrl+U
  • Right Click anywhere on page and click View Page Source.

Step 3: Once the page source is being opened in another tab you have to Search (Ctrl+F) for “shortcut icon”.

Step 4: Now what you will see now can differ as per the directory of Favicon but more or less it will look like the link given below or better yet, see the snap shot.

<link rel=”Shortcut Icon” href=”https://switchgeek.com/wp-content/themes/outreach-pro/images/favicon.ico” type=”image/x-icon” />

Step 5: Right click on the link https://switchgeek.com/wp-content/themes/outreach-pro/images/favicon.ico or it may differ as per your choice of website and save it up at your desired location.

Download Favicon 2

If this doesn’t works, which is highly unlikely just copy the link and paste link. It will open up the image for you and you can save it up from there.

Trick to Directly Download Favicon from a Website using Google S2 Converter

Well for the ones who don’t know what Google S2 Converter is, it is the best and simplest way to download Favicon from any website and the thing is, Google provides you this facility. All you have do is

Paste the following link in your browser with the respective SITENAME.com you want to replace with.

>> http://www.google.com/s2/favicons?domain=www.SITENAME.com

Here, I tried with google.com and see the result.

Check : Chrome Extensions for Web Developers

Download Favicon 3

You will get an image opened and all you have do is right click on the image and save it up to your desired destination.

Bonus Tip: Download the Best Favicons Online Custom Made for you

Enough of the talk when we were only discussing about download someone else’s Favicon, well you can do it for sure and it will work too, I mean until there is no copyright of the same, but here I am with one of the bonus tips which can help you Download Unique Favicon custom made for you from www.freefavicon.com

Yeah, using this site you can download some of the best custom made favicons and not just this, they provide you a facility to choose your favicon alphabet wise. Have a look at the Screen shot below.

Download Favicon 4

How to generate Favicons Online ?

Don’t want to download it? You want to make one Favicon? Well in that case, you need to be a graphic artist or wait, you can do it with the help of two of the best Dynamic Favicon Generator

  • Well that Dynamic Favicon generator is called as iconj! Yup iconj.com provides you with the best facilities to download favicon the way you like in the size you like. And not just a simple Favicon, using iconj.com you can actually create some cool animated Favicons.
  • Another awesome favicon generator is favicon.cc which helps you design your favicon just as if you are creating a PSD file in Photoshop. Well if you don’t believe us, you should go and give it a try.

Also Read : This Copy of Windows is not Genuine Fix

And guess what, it is completely free! So what are you waiting for go and Download favicon. Have a go with your favorite icon aka Favicon and thank us later. Or Wait, Why don’t you subscribe us?

9 comments
  1. Another way in Firefox: right click the page, click View Page Info. On the window that opens, choose the Media and look for the icon images, And then click Save As to save it.

Leave a Reply

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

You May Also Like