Favicon Generator
The finishing touch for your new site- Works with all popular browsers and devices
- Simply upload/edit an image and you're good to goCreate your free professional favicon
Favicon Generator
Create your own favicon
1
Use the visual editor and virtual brush to design your favicon from scratch. You can choose between different tools and colours while the practical preview feature allows you to preview your masterpiece while you work.Downloading or installing a separate graphics program is not necessary; since your favicon is created online, you can carry out all the design steps in one easy location.
2
Another way to create a favicon is by using our letter generator and your initials. Select up to two letters, and then design the background and adjust the font and colour. Simple.Let's say your name is John Smith and you want your favicon to contain your initials. All you need to do is select the letters "J" and "S" with the letter generator and then follow the subsequent steps to complete the process.
3
What if you already have an amazing company logo and would like to create a favicon with it in order to be recognised online?With the Favicon Generator you can upload your company logo with ease. Use the image upload feature and then fine-tune it as you see fit using the favicon editor.
Everything you need to know about favicons
Favicons are loved by webmasters everywhere and are a worthwhile addition to any web project. From small blogs – Blogger, Tumblr or WordPress – to online shops and large company websites, they demand the attention of visitors and create value in brand recognition.If you already have a corporate or company logo, this can easily be uploaded and incorporated into the design of the favicon. In addition, you can create a logo according to your individual style guidelines. You can also use a favicon to ensure clean source code, as browsers automatically search for the file "favicon.ico" and receive a 404 error message if they cannot find it.
Your favicon will be displayed correctly in all browsers, and across home screens on all devices – from PC to tablet and mobile. Files and formats created by the Favicon Generator are compatible with and support the individual specifications of all browsers including Microsoft Edge and Internet Explorer, Firefox, Google Chrome, Opera and Safari.The above browsers will display your favicon in two prominent places: within bookmarks and in the open tabs. Your favicon will also appear as an app icon if your website has been pinned to a mobile home screen.
You can upload both .png and .jpg files in the Favicon Generator. After you've created your favicon, you will receive a downloadable .zip file which contains a number of common formats to suit a wide range of applications.The Favicon Generator also provides files in different sizes free of charge. With our online favicon generator, you can create the appropriate icon online and use it in whatever way you want. This ensures that your icons look the same on every platform and that your website is immediately recognisable – no matter what device your customers or readers use.
You will receive your favicon as .png and favicon.ico files in the following sizes:
- 16x16 pixels
- 32x32 pixels
- 96x96 pixels
- 256x256 pixels
You will also receive the appropriate app icons for Android, iOS and Windows in numerous other formats. It's up to you to decide how you want to use the generated files, and in what format.
Favicon Generator
FAQ – Frequently asked questions
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 a web browsers address bar, next to the name of the site, at the edge of open browser tabs, and in the bookmarks list. Favicons** have powerful recognition value**: even in extensive bookmark lists, your customers or readers will recognise 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.
The term "favicon" is a combination of the words "favourite" and "icon", reflecting its function in the favourites list of the browser. Favicons were first introduced with Microsoft Internet Explorer in 1999, and have been indispensable ever since. At present, no webmaster can do without a favicon. Aside from brand recognition, favicons also improve the loading times of a website, among other things, and thus indirectly affect search engine rankings. 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 design and create one yourself.
Yes, the IONOS Favicon Generator is free! After you create your favicon, just click on the "Download" button. You can then save it on your computer 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
- and 256x256 pixels
as .png and "favicon.ico" files.
The icon for your Android app measures 192x192 pixels, while the iOS icon comes in these sizes:
- 57x57
- 60x60
- 72x72
- 76x76
- 114x114
- 120x120
- 144x144
- 152x152
- and 180x180 pixels.
For Microsoft, the icon dimensions are:
- 70x70
- 144x144
- 150x150
- and 310x310 pixels.
All app icons created through 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, it's pretty simple. For example, to add a favicon to WordPress you can use one of the numerous themes where the favicon.ico file can be easily stored and linked in the media library.
The same goes for Joomla. Simply search the backend of the website for "Extensions/Templates" to find 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 automatically recognised. 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 (earlier than version 11). Other browsers and newer versions of Internet Explorer also support other image 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 enclosed instructions.
Yes. For example, you can upload your predefined company logo in the IONOS Favicon Generator and edit it as you please. 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 customise the generated letters freely in our Favicon Editor view, like changing the font or background colour. If you're already satisfied with the predefined favicon, 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 extremely popular among professional graphic designers, supporting creation in .ico formats as well as .png files. Additionally, it provides a wealth of useful graphics tools; however, this software is quite expensive 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 familiarise 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.
Couldn't find what you were looking for?
We may still have the ideal solution for you.
Chat with one of our IONOS experts.
