The Favicon Generator
The icing on the cake for your new website- Create in a few clicks or upload your own image
- Fits all popular browsers and devicesCreate your professional favicon for free!
The Favicon Generator
Your options for creating your own favicon
1
2
3
Everything you want to know about favicons
Your favicon comes as .png file as well as "favicon.ico" file in the following sizes:
- 16x16 pixels
- 32x32 pixels
- 96x96 pixels
- 256x256 pixels
Favicon Generator - FAQ
The IONOS Online Favicon Generator is a tool that allows you to easily create a favicon for your website. A favicon is a small symbol or icon that is displayed in the web browser address bar. Favicons are also displayed next to the name of the site, as well as at the edges of open browser tabs, or in the bookmarks list. Favicons have powerful recognition value: even in extensive bookmark lists, your customers or readers will recognize your website immediately by means of a memorable favicon. In addition, your favicon will appear as an app icon on smartphone and tablet home screens (iOS, Android, and Windows) when your website is pinned there. As a result, favicons also have a recognition value on mobile terminals.
The term Favicon is a combination of the words "favorite" and "icon," reflecting its function in the favorites list of the browser. Favicons were first introduced with Microsoft Internet Explorer in 1999, and have since proved their value. At present, no administrator can do without a favicon. Aside from brand recognition, favicons also improve the loading speed of a website, among other things, and thus indirectly affect the website ranking in search engines. As a result, favicons have become integral to a professional online presence. A favicon usually consists of the logo of a company or its initials. With the IONOS Online Favicon Generator, you can make this graphical design yourself and create your own favicon.
The IONOS Online Favicon Generator is a tool that allows you to easily create a favicon for your website. A favicon is a small symbol or icon that is displayed in the web browser address bar. Favicons are also displayed next to the name of the site, as well as at the edges of open browser tabs, or in the bookmarks list. Favicons have powerful recognition value: even in extensive bookmark lists, your customers or readers will recognize your website immediately by means of a memorable favicon. In addition, your favicon will appear as an app icon on smartphone and tablet home screens (iOS, Android, and Windows) when your website is pinned there. As a result, favicons also have a recognition value on mobile terminals.
The term Favicon is a combination of the words "favorite" and "icon," reflecting its function in the favorites list of the browser. Favicons were first introduced with Microsoft Internet Explorer in 1999, and have since proved their value. At present, no administrator can do without a favicon. Aside from brand recognition, favicons also improve the loading speed of a website, among other things, and thus indirectly affect the website ranking in search engines. As a result, favicons have become integral to a professional online presence. A favicon usually consists of the logo of a company or its initials. With the IONOS Online Favicon Generator, you can make this graphical design yourself and create your own favicon.
Yes, the** IONOS Favicon Generator is free**. After you create your favicon, just click on the Download button. Then you can save it on your computer for free and integrate it into your website. The download includes favicons and app icons in various formats, as well as all of the necessary instructions and HTML codes. You will receive your favicon in the following sizes and formats:
- 16x16
- 32x32
- 96x96
- 256x256 pixels
as .png and "favicon.ico" files.
The icon for your Android app measures 192x192 pixels, while the iOS icon comes in sizes
- 57x57
- 60x60
- 72x72
- 76x76
- 114x114
- 120x120
- 144x144
- 152x152
- 180x180 pixels.
For Microsoft, the icon dimensions are:
- 70x70
- 144x144
- 150x150
- 310x310 pixels.
All app icons created by the favicon png generator are issued as .png image files.
Yes, the** IONOS Favicon Generator is free**. After you create your favicon, just click on the Download button. Then you can save it on your computer for free and integrate it into your website. The download includes favicons and app icons in various formats, as well as all of the necessary instructions and HTML codes. You will receive your favicon in the following sizes and formats:
- 16x16
- 32x32
- 96x96
- 256x256 pixels
as .png and "favicon.ico" files.
The icon for your Android app measures 192x192 pixels, while the iOS icon comes in sizes
- 57x57
- 60x60
- 72x72
- 76x76
- 114x114
- 120x120
- 144x144
- 152x152
- 180x180 pixels.
For Microsoft, the icon dimensions are:
- 70x70
- 144x144
- 150x150
- 310x310 pixels.
All app icons created by the favicon png generator are issued as .png image files.
No programming knowledge is necessary in order to create a favicon and integrate it into your site. With most content management systems this is quite easy. For example, to add a favicon to Wordpress there are several themes, where the favicon.ico file can be easily stored and linked to in the media library.
With a favicon for Joomla!, the integration works similarly and just as easily. You merely need to search in the backend of the website in Extensions/Templates for the appropriate template. You then simply replace the default favicon with the new one that you have created in your Templates directory.
If your CMS does not support this option, the favicon.ico file must be placed in the root directory of the domain in order to be recognized automatically. You can implement this by typing the following code in the <head> section of each page:
- <link rel="shortcut icon"type="image/x-icon" href="/favicon.ico">
The .ico extension is especially necessary for compatibility with older versions of Internet Explorer (prior to version 11). Other browsers and newer versions of Internet Explorer also support other graphics formats such as .gif and .png. Finally, as the favicon is usually cached for a longer period of time, you should delete the browser cache and reload the page in order to ensure that the browser isn't loading the previous file. All the necessary and important instructions and HTML codes can be found in the instructions attached.
No programming knowledge is necessary in order to create a favicon and integrate it into your site. With most content management systems this is quite easy. For example, to add a favicon to Wordpress there are several themes, where the favicon.ico file can be easily stored and linked to in the media library.
With a favicon for Joomla!, the integration works similarly and just as easily. You merely need to search in the backend of the website in Extensions/Templates for the appropriate template. You then simply replace the default favicon with the new one that you have created in your Templates directory.
If your CMS does not support this option, the favicon.ico file must be placed in the root directory of the domain in order to be recognized automatically. You can implement this by typing the following code in the <head> section of each page:
- <link rel="shortcut icon"type="image/x-icon" href="/favicon.ico">
The .ico extension is especially necessary for compatibility with older versions of Internet Explorer (prior to version 11). Other browsers and newer versions of Internet Explorer also support other graphics formats such as .gif and .png. Finally, as the favicon is usually cached for a longer period of time, you should delete the browser cache and reload the page in order to ensure that the browser isn't loading the previous file. All the necessary and important instructions and HTML codes can be found in the instructions attached.
Yes. For example, you can upload your predefined company logo in the IONOS Favicon Generator and edit it as you like. The original file is automatically converted to the reduced size and format of a favicon. Alternatively, you can use the Favicon Generator to create a favicon from text or letters; for example, out of your initials or the initial letters of your company. You can then customize the generated letters freely in our Favicon Editor view, like changing the font color or the background color. If you are already satisfied with the predefined favicon, however, you can easily download it and integrate it into your website without taking these further steps.
Yes. For example, you can upload your predefined company logo in the IONOS Favicon Generator and edit it as you like. The original file is automatically converted to the reduced size and format of a favicon. Alternatively, you can use the Favicon Generator to create a favicon from text or letters; for example, out of your initials or the initial letters of your company. You can then customize the generated letters freely in our Favicon Editor view, like changing the font color or the background color. If you are already satisfied with the predefined favicon, however, you can easily download it and integrate it into your website without taking these further steps.
If you use the IONOS Favicon Generator,** no additional graphics software is required**. You can work easily and comfortably within your browser interface. However, in addition to the IONOS Favicon Generator, there are many other useful tools that you can use to create a favicon. If a classic .ico file is to be created, it is essential that the program also handles this file format.
You can, for example, create a favicon in Photoshop. Photoshop is particularly popular among professional graphic designers, supporting creation in .ico format as well as .png files. Additionally, it provides a wealth of useful graphics tools. This software is quite expensive, however, and can be relatively complex to use. Photoshop is regarded as a standard in the web design industry for professional image processing, although some excellent alternatives do exist.
For example, the open source application "GIMP" is also suitable for creating a favicon. GIMP is actually even more versatile, due to its universal applicability on all operating systems. While Photoshop works only for Windows and Mac OS, GIMP also runs on Linux. The program also offers a similar variety of tools – making even multi-level processing possible.
Both GIMP and Photoshop offer similar functionality to the IONOS Favicon Generator in that you have the option to open and edit an existing logo and can design your favicon from scratch. However, you must familiarize yourself with the complex user interfaces in both programs. The IONOS Favicon Generator, on the other hand, is incredibly quick and easy to learn thanks to its user-friendly interface. Furthermore, it automatically provides you with all conceivable file formats that you may require for a professional favicon such as app icons for Android, iOS and various versions of Windows.
If you use the IONOS Favicon Generator,** no additional graphics software is required**. You can work easily and comfortably within your browser interface. However, in addition to the IONOS Favicon Generator, there are many other useful tools that you can use to create a favicon. If a classic .ico file is to be created, it is essential that the program also handles this file format.
You can, for example, create a favicon in Photoshop. Photoshop is particularly popular among professional graphic designers, supporting creation in .ico format as well as .png files. Additionally, it provides a wealth of useful graphics tools. This software is quite expensive, however, and can be relatively complex to use. Photoshop is regarded as a standard in the web design industry for professional image processing, although some excellent alternatives do exist.
For example, the open source application "GIMP" is also suitable for creating a favicon. GIMP is actually even more versatile, due to its universal applicability on all operating systems. While Photoshop works only for Windows and Mac OS, GIMP also runs on Linux. The program also offers a similar variety of tools – making even multi-level processing possible.
Both GIMP and Photoshop offer similar functionality to the IONOS Favicon Generator in that you have the option to open and edit an existing logo and can design your favicon from scratch. However, you must familiarize yourself with the complex user interfaces in both programs. The IONOS Favicon Generator, on the other hand, is incredibly quick and easy to learn thanks to its user-friendly interface. Furthermore, it automatically provides you with all conceivable file formats that you may require for a professional favicon such as app icons for Android, iOS and various versions of Windows.
It is possible to create Apple Touch icons for your website with the IONOS Favicon Generator. If an Apple iOS mobile device user (iPhone, iPod Touch, or iPad) adds your webpage to their bookmarks or home screen, the Apple Touch icon will appear. If you do not define your own Apple icon, a miniaturized version of your homepage will appear.
The Favicon Generator acts as an intuitive Apple Touch icon generator. There are three ways to create an Apple favicon: paint it from scratch with a visual editor, use a letter generator, or adapt your company logo. As soon as you have created your Apple Touch Icon, embed it on your website using the following HTML declaration:
- <link rel="apple-touch-icon" href="touch-icon-ipad.png">
It is possible to create Apple Touch icons for your website with the IONOS Favicon Generator. If an Apple iOS mobile device user (iPhone, iPod Touch, or iPad) adds your webpage to their bookmarks or home screen, the Apple Touch icon will appear. If you do not define your own Apple icon, a miniaturized version of your homepage will appear.
The Favicon Generator acts as an intuitive Apple Touch icon generator. There are three ways to create an Apple favicon: paint it from scratch with a visual editor, use a letter generator, or adapt your company logo. As soon as you have created your Apple Touch Icon, embed it on your website using the following HTML declaration:
- <link rel="apple-touch-icon" href="touch-icon-ipad.png">
Couldn't find what you were looking for?
