• Introduction to the tool

Favicon Fetcher: how to fetch the favicon of a website online

Are you looking for a website's favicon from its address? The Favicon Fetcher from PleaseTools makes it easy to retrieve the favicon associated with a website by simply providing its URL.

The favicon is the small icon that represents a site in browser tabs, bookmarks, some shortcuts, and various web interfaces. Yet, finding the exact URL of this image is not always as simple as it seems.

With an online favicon fetcher, you can quickly obtain the icon used by a domain without having to manually scour its source code.

What is a favicon?

A favicon is a small image associated with a site or web page. Its name comes from the expression favorite icon.

It is notably visible:

• in browser tabs;
• in bookmarks and favorites;
• in browsing history;
• in some shortcuts to sites;
• on home screens when a site is added as a web app;
• in certain interfaces and applications that display a domain's visual identity.

For example, when a user opens multiple sites in their browser, the favicon allows them to quickly recognize each site without having to read its full name.

The favicon is therefore a tiny graphic element, but it contributes to the visual recognition of a website.

What is a Favicon Fetcher?

A Favicon Fetcher is a tool capable of searching for and retrieving the favicon associated with a web address.

The principle is simple:

1. you provide the site URL;
2. the tool searches for the associated favicon;
3. the favicon is retrieved and displayed or returned depending on the tool's operation.

The main benefit is avoiding manual searching in the site's HTML code or in various files at its root.

PleaseTools' Favicon Fetcher is precisely designed for this task: fetching a website's favicon from its URL.

How to fetch a site's favicon with PleaseTools?

Using the Favicon Fetcher is intentionally straightforward.

Step 1: enter the site address

Enter the URL of the site whose favicon you wish to fetch.

For example:

https://example.com

You can also look up the favicon of a site you are currently analyzing or developing.

Step 2: start the search

Click Validate.

PleaseTools will then look for the favicon associated with the specified site.

Step 3: retrieve the result

If a favicon can be found, the result identifies the icon associated with the domain.

This approach is especially handy when you need a site's favicon without having to manually inspect its entire HTML structure.

Where is a site's favicon usually located?

There is no single universal method for declaring a favicon.

A site can, for instance, use an HTML tag like:

<link rel="icon" href="/favicon.ico">

In this case, the browser knows that the indicated file is the site's icon.

A modern site may also use a PNG image:

<link rel="icon" type="image/png" href="/favicon-32x32.png">

Or even an SVG file:

<link rel="icon" href="/favicon.svg" type="image/svg+xml">

Therefore, it is preferable not to assume the favicon is always at:

https://example.com/favicon.ico

Even though this convention is very common.

Specialized favicon fetching tools deliberately employ different strategies to locate the icon when it is not directly accessible via a standard URL.

Favicon.ico, PNG or SVG: what's the difference?

The term "favicon" does not necessarily refer to a .ico file.

A site may use several formats.

An ICO file can itself contain multiple resolutions. Modern setups also increasingly use SVG and multiple PNG files depending on the display context.

What size should a favicon be?

The size depends on where the icon will be used.

For a modern web setup, several dimensions are commonly employed:

Modern recommendations therefore converge toward a family of icons rather than a single favicon file.

For an installable web app, the manifest.webmanifest file can reference the various icons intended for PWA installation.

How to find the exact favicon URL?

When you control the site, one of the simplest methods is to examine the <head> section of the HTML document.

For example:

<head>
    <link rel="icon" href="/favicon.ico">
</head>

The browser would then request:

/favicon.ico

If the site uses an absolute URL:

<link rel="icon" href="https://example.com/assets/favicon.png">

the full favicon address is directly available.

However, some sites use multiple declarations:

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

In this case, you need to determine which icon matches the intended usage.

Favicon Fetcher vs manual search

Why use a tool instead of consulting the source code?

For occasional verification, a favicon fetcher is therefore particularly convenient.

What can a fetched favicon be used for?

Fetching a favicon can be useful in many projects.

1. Web development

When you develop a site or application, you may need to fetch a third‑party service's favicon to visually identify a domain.

For example, an app displaying a list of sites might show:

[icon] GitHub
[icon] Laravel
[icon] Google
[icon] Example.com

The favicon then improves visual recognition.

2. Dashboards

Dashboards that list multiple domains can use favicons to quickly differentiate services.

This can be especially interesting for:

• SEO tools;
• site managers;
• monitoring tools;
• aggregators;
• DNS dashboards;
• domain analysis tools.

3. Site monitoring and analysis

When analyzing several domains, displaying their favicons helps quickly identify each site.

It is especially handy in interfaces that show many domains simultaneously.

4. Personal projects

A developer may also use a fetched favicon to quickly prototype an interface showing links to various services.

How to fetch a favicon in PHP?

If you develop a PHP application, you can search the document's <link> tags to identify the declared icon.

A simple approach is to fetch the HTML:

$html = file_get_contents('https://example.com');

Then parse the link tags.

However, this approach has several limitations:

• the site may block automated requests;
• the HTML may be generated dynamically;
• the favicon may be declared in a manifest;
• multiple icons may be available;
• some URLs may be relative;
• some resources may require redirects.

That is why a robust favicon fetcher implementation needs to employ multiple search strategies.

Specialized libraries indeed use several methods to try to retrieve the favicon when a first method fails.

Example with JavaScript

In a JavaScript application, the principle can also be based on reading the HTML document.

For example:

const icon = document.querySelector('link[rel~="icon"]');

if (icon) {
    console.log(icon.href);
}

This method works when the favicon is correctly declared in an accessible document.

It does not guarantee that it is the only or the best available favicon.

Can you simply use /favicon.ico?

Often, but not always.

Many sites still use:

https://example.com/favicon.ico

But a modern site may use:

https://example.com/favicon.svg

or:

https://example.com/assets/icons/favicon-32x32.png

or a completely different URL.

Therefore, it is preferable to detect the favicon declaration rather than always assume the file's location.

Why do some sites not have a favicon?

Several situations are possible.

The site has not configured a favicon

The developer simply may not have added an icon.

The favicon uses a different URL

It might be stored in a directory such as:

/assets/

/images/

or:

/static/

The site uses an SVG

The file typically looked for as favicon.ico may therefore not exist.

The site uses a manifest

Some icons intended for web apps are declared in a manifest file rather than as the classic favicon.ico.

The server blocks requests

A server may also prevent certain automated requests or return an error.

Favicon and visual identity

Even though it measures only a few dozen pixels, the favicon plays an important role in a site's visual identity.

A good icon must remain recognizable when displayed at a very small size.

For this reason, highly detailed logos or those containing a lot of text can become difficult to identify in a browser tab.

For web applications, it is also advisable to provide sufficiently large icons adapted to the various display surfaces. MDN specifically recommends having a sufficiently large or vector source to generate the required sizes.

Favicon Fetcher for developers

The favicon may seem like a simple graphic element, but its retrieval raises several interesting challenges for developers.

A complete system may need to handle:

• HTTP redirects;
• HTTPS;
• relative URLs;
• absolute URLs;
• ICO files;
• PNG files;
• SVG files;
• multiple rel="icon" tags;
• different sizes attributes;
• HTTP errors;
• timeouts;
• sites without favicons;
• web manifests.

That is why advanced favicon retrieval implementations often use several successive strategies rather than a single fixed URL.

Favicon Fetcher and API

Automatic favicon fetching is also used in APIs.

The principle is usually simple:

GET /favicon?url=https://example.com

The API then returns the image or the information needed to retrieve it.

This type of service can be integrated into:

• a SaaS application;
• a search engine;
• a link aggregator;
• an SEO tool;
• a bookmark manager;
• a monitoring tool;
• a domain dashboard.

There are today several specialized services offering this type of retrieval via a URL or an API.

Favicon Fetcher, Favicon Generator and Favicon Converter: what's the difference?

These three types of tools are often confused.

The Favicon Fetcher is therefore not primarily used to create a new icon.

Its goal is to find an icon already associated with a website.

Concrete example

Suppose you want to fetch the favicon of a domain:

https://example.com

Without a specialized tool, you might:

1. open the source code;
2. search for rel="icon";
3. identify the file;
4. check if the URL is relative;
5. reconstruct the full URL;
6. open the file.

With a Favicon Fetcher, the process becomes simply:

Site URL → Favicon Fetcher → Favicon search → Favicon retrieved

This is precisely what makes such a tool handy for developers and anyone who works regularly with websites.

Frequently asked questions about favicons

What is a favicon?

A favicon is a small icon associated with a website. It is displayed in browser tabs, bookmarks and certain shortcuts.

How to fetch a site's favicon?

You can use a Favicon Fetcher like PleaseTools' by simply providing the site's URL to analyze.

Where is a site's favicon located?

It may be in a file such as favicon.ico, favicon.png or favicon.svg. It may also be declared via a <link> tag in the document's <head>.

Do all sites have a favicon?

No. A site may not have configured a favicon or may use a setup that is not easily detectable by a simplistic method.

Is a favicon necessarily an ICO file?

No. Modern sites can use PNG or SVG files in addition to or instead of an ICO file.

What size should a favicon be?

There is no single universal size. Common sizes include 16×16 and 32×32 for small surfaces, 180×180 for Apple Touch Icon, and 192×192 or 512×512 for certain PWA uses.

Can a favicon be used in an application?

Yes. Favicons can be used in applications that display lists of domains, bookmarks, services or web resources.

What is the difference between fetching and generating a favicon?

Fetching a favicon means locating the icon already used by a site. Generating a favicon means creating new icons from a logo or image.

Why use PleaseTools' Favicon Fetcher?

The Favicon Fetcher is designed to meet a very specific need: quickly locating the favicon associated with a website.

Instead of manually inspecting a page's source code, you can simply provide its URL and let the tool do the searching.

It naturally fits into a toolbox for developers, system administrators, web professionals and users who regularly analyze domains.

Try the Favicon Fetcher

Looking for a website's favicon?

Use PleaseTools' Favicon Fetcher, enter the site’s URL and start the search.

To go further in domain analysis, you can also use PleaseTools' other tools dedicated to networking, images, validation and website analysis.

Conclusion

The favicon is a tiny element, but it holds an important place in user experience and a site's visual identity.

For a developer, locating it can still require several steps: inspecting HTML, searching link tags, checking formats, handling relative URLs or looking for other icon declarations.

An online Favicon Fetcher dramatically simplifies this operation.

With PleaseTools, just provide the site address to search for its favicon and use it as a starting point for your analyses, developments or web tools.

Need to fetch a site's favicon? Try PleaseTools' Favicon Fetcher.