Favicon Generator
Create a favicon from text. Choose font, color, background, and shape, then download PNG favicon sizes, Apple touch icon, Android icons, and ready-to-use HTML tags with VidhyaGen Favicon Generator.
Text to Favicon
Preview
Download includes
Installation - paste inside your HTML <head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest">
What is a Favicon Generator?
A favicon generator is tool that user creates a small icon display in browser tabs, bookmarks and address bars of your website. Our tools create favicon from text. Enter one or two characters, choose best font, color, background and shape for favicon.
Then our tool creates a complete set of favicon files at every required size for your browser. Here not required any software or image editing skills.
How to Create a Favicon Online
You can generate favicon in just simple few steps then you can download easily.
- Enter 1 or 2 character in “Text” section - usually the first letter or an abbreviation of your brand.
- Choose a good Font Family and font weight which is match with your brand style.
- Adjust font size using “Font Size” slider to find the best size fit in the icon.
- Set a font color and background color using color pickers.
- Choose an icon shape: Circle, Rounded or Square.
- Check preview in “Preview” section and it look like live browser tab simulation on top right.
- Click Download Favicon Package to get all size of favicon in single zip file.
What Favicon Sizes Are Included?
| File | Size | Uses |
|---|---|---|
favicon-16x16.png | 16×16 | Mostly used in standard desktop browser tabs. |
favicon-32x32.png | 32×32 | It is used in High DPI browser tabs and taskbar. |
favicon-48x48.png | 48×48 | It is for window site shortcuts and Google mobile search listing. |
apple-touch-icon.png | 180×180 | It is used in iPhone and iPad for iOS home screen bookmarks. |
android-chrome-192x192.png | 192×192 | It is used in Android home screen app launcher icon. |
android-chrome-512x512.png | 512x512 | It is used in Android web app splash screen. |
site. webmanifest | - | This file linking Android/PWA icon sizes. |
How to Add a Favicon to Your Website
After you downloading ZIP file then extract all file in your website root directory (same folder as your main index.html). If you place the favicon files in another folder so make sure the path of HTML snippet match the path.
Copy the HTML installation snippet and paste inside the <head> section of every pages. Browser and devices will auto select the correct size for each like tab icon, bookmarks, home screen and splash screen.
Frequently Asked Questions (FAQs)
What is a favicon?
A favicon is small icon display in browser tabs, bookmarks and address bar that represent of user website. The size of favicon is 16x16 or 32x32 pixel and save as .ico or .png format.
Is this favicon generator free?
Yes. VidhyaGen's favicon generator from text is absolutely free, without signup, no need to account and no watermark. Customize your favicon with text, font, color, background color and shape then download all size in single ZIP.
What files does the favicon generator download?
The downloaded zip file contains favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180x180), android-chrome-192x192.png, android-chrome-512x512.png and ready to use HTML snippet.
What is the best favicon size?
The best size of favicon is 16x16 for browser tab, 32x32 for taskbar shortcut and high-DPI display, 180x180 for Apple touch icons and 192x192 and 512x512 for Android home screen icon.
Can I use any font for my favicon?
Yes. This tool offers many Google font include Roboto, Poppins, Montserrat, Playfair Display and many more. If some your needed font not in our list so please contact us and ask - we will add as soon as possible.