Creating a favicon - IONOS Help

A favicon is an icon that appears in your web browser's address bar to identify a website in a recognizable way. This article will cover the basics and show you how to create your own favicon using the IONOS Favicon Generator.

Why should I use a favicon?

A favicon makes your website stand out and increases its recognition value. Even in lengthy bookmark lists, your customers or readers will instantly recognize your site with a memorable favicon.

To achieve the best possible recognition value, your favicon should be designed to match your logo and the colors of your website or brand identity. Favicons are displayed in all browsers, regardless of the operating system being used.

IONOS Favicon generator

With the IONOS favicon generator, you can create your personal and individual favicon in three ways:

Graphic editor: Design in a pixel grid with various tools and colors.
Letter generator: Enter up to two characters and then customize them graphically.
Image upload: Upload your company logo or another image file to automatically scale it to favicon size.

Tip

The favicon generator can output various sizes for favicons and touch icons based on your image. These are provided as a ZIP file at the end of the process.

Use your favicon

These steps assumes you have created a favicon in the ".ico" file format. The favicon should have the dimensions 16x16, 32x32 or 48x48.

Option 1: Store in the root directory of your domain

Change the file name of your favicon to the mandatory default "favicon.ico".
Upload this file via FTP/sFTP to the home directory of your web space.

The Help Center article "Transfer files/websites securely with FTP/SFTP step by step" explains how to upload files to your web space.

Option 2: Reference via HTML code

Add this HTML code to the <head> area of your website:

Most website builders such as MyWebsite Now, and content management systems such as WordPress have their own function for using favicons.

Did this article help you?

Yes No