RakkoTools

Favicon & App Icon Generator

Generate favicon (.ico) and app icons from image

Add to favorite

What this tool can

This tool converts images into ico forms (favicon template that can be used on all web browsers), and creates many different size variations of images to be used as App icons for mobile applications.

What is favicon?

Favicon is a small, iconic image that represents a website. Favicon is often found in the address bar of the web browser, can be used in the list of bookmarks in the web browser. Favicon is usually 16x16 pixels or 32x32 pixels.


What is App icon?

App Icon is the icon image of an application on your phone or in the application stores (CH Play, App Store, etc). The size of the App icon is suitable for different phone screen resolutions, so you need to create multiple size variations of the same image.

Useful for

When you want to use an image as favicon for your websites or as an app icon for your mobile applications.
For using generated favicon, put the following code in the head of your HTML document :
<link rel="apple-touch-icon" sizes="57x57" HREF="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" HREF="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" HREF="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" HREF="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" HREF="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" HREF="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" HREF="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" HREF="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" HREF="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" HREF="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" HREF="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" HREF="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" HREF="/favicon-16x16.png">
<link rel="manifest" HREF="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

related tools