create-favicon.net

Creating a favicon online

Favicon is a small logo for your website. This is what distinguishes and highlights your website or project. The icon is displayed in the browser tab, in search results and more. Favicon - helps the user quickly find your project and makes it memorable. A cool favicon favorably highlights your brand and identifies it, which is very important for business. In this simple editor, you can easily create your icon and save it to your project/site.

A favicon is an important component of a website that allows it to be recognizable to users. This small icon speeds up the site search, in search results and in the list of browser tabs. The icon increases the credibility of the site.

Show your creativity by creating an icon in the online editor.

How to install a favicon

Step 1: Place your favicon on your website

Place a file named favicon in the root directory of your site.
Add a link to the posted file to the head element of the HTML code of the main page of the site.
Check if the favicon is displayed in the browser address bar when viewing site pages.

<head>
    ...
    <link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon">
    ...
</head>

Attribute	Description	Possible values
rel	Resource type	icon shortcut icon
href	File address	For example for the address https://create-favicon.net/favicon.ico
type	Type of data transferred. Depends on file format	image/svg+xml — for format SVG image/x-icon или image/vnd.microsoft.icon — for format ICO image/gif — for format GIF image/jpeg — for format JPEG image/png — for format PNG image/bmp — for format BMP

Step 2. Check the availability of the favicon for the Yandex robot

Make sure that:

Check if the favicon is displayed in the browser address bar when viewing the site pages (follow the link)
The file is not prohibited for indexing, for example in robots.txt using the Disallow directive. It may not be the file itself that is prohibited, but the directory in which it is located.