फ़ेविकॉन जनरेटर

किसी अक्षर, इमोजी या इमेज को एक पूर्ण फ़ेविकॉन सेट में बदलें — एक असली मल्टी-साइज़ favicon.ico के साथ 16×16, 32×32, एक Apple टच आइकन और Android 192/512 PNG, तथा तैयार पेस्ट-करने-योग्य <link> स्निपेट। सब कुछ आपके ब्राउज़र में बनता और पैक होता है — कुछ भी अपलोड नहीं होता।

टेक्स्ट या इमोजी

फ़ॉन्ट

टेक्स्ट रंग

टेक्स्ट साइज़

पृष्ठभूमि

आकार

पारदर्शी पृष्ठभूमि

आपकी साइट ×

अपना फ़ेविकॉन डाउनलोड करें

इसे अपने <head> में जोड़ें

<link rel="icon" href="/favicon.ico" sizes="any">
<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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

फ़ेविकॉन कैसे बनाएँ

स्रोत चुनें — टेक्स्ट / इमोजी मोड में कोई अक्षर टाइप करें या इमोजी पेस्ट करें, या इमेज अपलोड करें पर स्विच करके कोई लोगो या फ़ोटो छोड़ें।
इसे स्टाइल करें — पृष्ठभूमि रंग और आकार (वर्ग, गोल किनारे या वृत्त), टेक्स्ट रंग और साइज़ सेट करें, या पारदर्शी पृष्ठभूमि टॉगल करें।
पूर्वावलोकन जाँचें — ब्राउज़र-टैब मॉकअप और 16/32/48 टाइलें ठीक-ठीक दिखाती हैं कि आइकन असली साइज़ पर कैसा पढ़ा जाता है। इसे बोल्ड और सरल रखें।
डाउनलोड और इंस्टॉल करें — favicon.ico और PNG लें, उन्हें अपनी साइट के रूट में रखें, और HTML स्निपेट को अपने <head> में पेस्ट करें।

फ़ेविकॉन साइज़ और हर एक कहाँ जाता है

फ़ाइल	साइज़	किसके लिए
`favicon.ico`	16, 32, 48	क्लासिक आइकन जिसे हर ब्राउज़र समझता है। इसे अपनी साइट के रूट में रखें।
`favicon-32x32.png`	32×32	डेस्कटॉप ब्राउज़र टैब और बुकमार्क के लिए आधुनिक PNG फ़ेविकॉन।
`favicon-16x16.png`	16×16	सबसे छोटा टैब/एड्रेस-बार साइज़ — डिज़ाइन सरल रखें ताकि यह साफ़ पढ़ा जाए।
`apple-touch-icon.png`	180×180	iPhone और iPad पर होम-स्क्रीन आइकन जब किसी पेज को "Add to Home Screen" किया जाता है।
`android-chrome-192x192.png`	192×192	Android होम-स्क्रीन / PWA आइकन, जो site.webmanifest से संदर्भित होता है।
`android-chrome-512x512.png`	512×512	वेब मैनिफ़ेस्ट में हाई-रिज़ॉल्यूशन PWA स्प्लैश / इंस्टॉल आइकन।

सुझाव: 16 px पर एक फ़ेविकॉन लगभग इस अक्षर जितना ही होता है — किसी विस्तृत लोगो के बजाय एक बोल्ड ग्लिफ़ या आकृति को प्राथमिकता दें ताकि यह पहचानने योग्य बना रहे।

आप इसका उपयोग किसलिए कर सकते हैं

कोई नई वेबसाइट या ब्लॉग — सेकंडों में एक साफ़ मोनोग्राम या इमोजी फ़ेविकॉन, किसी डिज़ाइन सॉफ़्टवेयर की ज़रूरत नहीं।
कोई प्रोग्रेसिव वेब ऐप — होम-स्क्रीन आइकन और इंस्टॉल प्रॉम्प्ट के लिए 192 और 512 PNG।
ब्रांड की एकरूपता — अपनी पृष्ठभूमि को अपने ब्रांड रंग से मिलाएँ और हर साइज़ एक साथ डाउनलोड करें।
तेज़ प्रोटोटाइप और आंतरिक टूल — किसी रंगीन आद्याक्षर से ब्राउज़र टैब तुरंत अलग पहचानें।
किसी लोगो फ़ाइल को बदलना — कोई मौजूदा लोगो अपलोड करें और उसे एक उचित मल्टी-साइज़ .ico के रूप में निर्यात करें।

फ़ेविकॉन कहाँ से आया

फ़ेविकॉन का जन्म Internet Explorer 5 में हुआ, जो मार्च 1999 में जारी हुआ — इसे समर्थन देने वाला पहला ब्राउज़र। Bharat Shyam नाम के एक Microsoft डेवलपर ने IE Favorites सूची में हर प्रविष्टि के आगे एक छोटा 16×16 पिक्सल आइकन जोड़ा, और नाम ठीक वहीं से आता है: favorites icon। उनका चतुर डिज़ाइन निर्णय आज भी वेब को आकार देता है: किसी साइट को बस अपने रूट फ़ोल्डर में favicon.ico नाम की एक फ़ाइल रखनी होती थी, और ब्राउज़र अपने आप /favicon.ico का अनुरोध कर लेता था। हर आधुनिक ब्राउज़र आज भी यही करता है — बिना किसी <link> टैग के भी, वह चुपचाप yoursite.com/favicon.ico ले आएगा। .ico एक्सटेंशन इसलिए चुना गया क्योंकि यह प्रोग्राम आइकनों के लिए पहले से ही मानक Windows फ़ॉर्मैट था।

एक आम भ्रांति यह है कि फ़ेविकॉन को "1999 में HTML 4.01 में मानकीकृत" किया गया। यह अति-सरलीकरण है। स्वचालित /favicon.ico अनुरोध IE5 से आता है, पर उचित मानक टैग — <link rel="icon">, जो आपको किसी भी स्थान पर PNG या SVG आइकन की ओर इंगित करने देता है — बहुत बाद में HTML5 के ज़रिए औपचारिक हुआ और 2010 में आधिकारिक IANA link-relations रजिस्ट्री में दर्ज किया गया। तो आज आपके पास दोनों का सर्वश्रेष्ठ है: अधिकतम अनुकूलता के लिए स्वतः-खोजा गया .ico, और तीखे आधुनिक आइकनों के लिए स्पष्ट <link> टैग।

`.ico` फ़ॉर्मैट के अंदर

कोई ICO फ़ाइल एकल चित्र नहीं है — यह एक छोटा कंटेनर है जो एक साथ कई छवियाँ, अलग-अलग साइज़ और रंग-गहराई पर, रख सकता है। यही इसका पूरा उद्देश्य है, और यही कारण है कि एक अकेली favicon.ico उन 16, 32 और 48 पिक्सल संस्करणों को ढो सकती है जिनकी किसी ब्राउज़र को ज़रूरत होती है। आंतरिक रूप से फ़ाइल एक ICONDIR हेडर से शुरू होती है (एक आरक्षित फ़ील्ड, एक type फ़ील्ड जहाँ 1 का मतलब "आइकन" है, और यह गिनती कि कितनी छवियाँ आगे हैं), फिर प्रति छवि एक ICONDIRENTRY जो उसकी चौड़ाई, ऊँचाई, रंग-गहराई, डेटा आकार और वह बाइट ऑफ़सेट दर्ज करता है जहाँ उसके पिक्सल रहते हैं।

कंटेनर के अंदर हर फ़्रेम या तो Windows बिटमैप के रूप में संग्रहीत होता है या — Windows Vista से — एक पूर्ण PNG के रूप में, जो बड़े आइकनों के लिए कहीं अधिक सुगठित है। फ़ॉर्मैट दो MIME टाइप ढोता है: मूल Microsoft image/x-icon और आधिकारिक IANA-पंजीकृत image/vnd.microsoft.icon। यह जनरेटर आपके ब्राउज़र में बाइट-दर-बाइट एक असली मल्टी-इमेज ICO जोड़ता है, जिसके अंदर PNG-संपीड़ित 16/32/48 फ़्रेम होते हैं — न कि .ico में नाम बदला हुआ कोई एकल PNG, जो एक बार-बार होने वाला शॉर्टकट है जिसे कुछ ब्राउज़र अस्वीकार कर देते हैं।

2025 में आधुनिक फ़ेविकॉन सेट

अब आपको एक दर्जन आइकनों का फ़ोल्डर नहीं चाहिए। वर्तमान सर्वोत्तम अभ्यास सेट को कुछ ही फ़ाइलों तक सीमित कर देता है जो सब कुछ कवर करती हैं:

favicon.ico — अधिकतम अनुकूलता के लिए रखा गया। कुछ टूल, जैसे RSS रीडर, बस सर्वर से /favicon.ico माँगते हैं और आपके <link> टैग कभी नहीं देखते, इसलिए क्लासिक फ़ाइल आज भी अपनी जगह बनाए रखती है।
एक SVG फ़ेविकॉन — <link rel="icon" type="image/svg+xml">। वेक्टर आइकन किसी भी साइज़ पर उस्तरा-तीखे रहते हैं, और चूँकि कोई SVG एक CSS @media (prefers-color-scheme: dark) नियम एम्बेड कर सकता है, आइकन डार्क मोड के लिए ख़ुद को पुनः-रंग तक सकता है — कुछ ऐसा जो कोई रैस्टर ICO या PNG कभी नहीं कर सकता। Chrome, Firefox और Edge SVG फ़ेविकॉन का समर्थन करते हैं; Safari नहीं करता, और ठीक इसीलिए आप ICO और PNG फ़ॉलबैक भी भेजते हैं।
एक 180×180 apple-touch-icon.png — iPhone और iPad पर होम स्क्रीन आइकन।
वेब मैनिफ़ेस्ट में 192 और 512 पिक्सल PNG — Android, Chrome इंस्टॉल प्रॉम्प्ट और PWA स्प्लैश स्क्रीन के लिए।

Apple टच आइकन और PWA "मास्केबल" आइकन

Apple ने होम स्क्रीन शॉर्टकट के लिए 2008 में टच आइकन पेश किया। आज अनुशंसित साइज़ 180×180 है — जितना किसी भी iOS डिवाइस को चाहिए उतना बड़ा, छोटी स्क्रीन के लिए अपने आप डाउनस्केल किया गया। आप पुराने कोड में अब भी apple-touch-icon-precomposed देख सकते हैं: यह कभी iOS को एक चमकदार "शाइन" ओवरले न जोड़ने का संकेत देता था, पर Apple ने वह चमक iOS 7 में ही हटा दी थी, इसलिए precomposed वेरिएंट अब अनावश्यक है। एक व्यावहारिक सुझाव: iOS अपना ख़ुद का गोल-कोना मास्क और ड्रॉप शैडो लगाता है, इसलिए एक ठोस पृष्ठभूमि और वर्गाकार कोनों वाला पूर्ण-भराव वर्ग दें — अपनी ओर से गोलाई जोड़ना उसे बस दोहरा देता है।

मैनिफ़ेस्ट में प्रोग्रेसिव वेब ऐप आइकन मास्केबल आइकन नामक एक मोड़ जोड़ते हैं। चूँकि अलग-अलग प्लेटफ़ॉर्म किसी ऐप आइकन को अलग-अलग आकृतियों (वृत्त, स्क्विरकल, गोल-कोना वर्ग) में काटते हैं, एक मास्केबल आइकन को अपनी महत्वपूर्ण सामग्री एक सुरक्षित क्षेत्र के भीतर रखनी चाहिए — मोटे तौर पर छवि का भीतरी 80%, क्योंकि सबसे आक्रामक वृत्ताकार मास्क हर किनारे से लगभग 10% काट देता है। किसी पैडिंग वाले आइकन पर "purpose": "maskable" सेट करें, पर उसे अपने सामान्य "any" आइकन से अलग फ़ाइल के रूप में रखें: कोई मास्केबल आइकन बिना-मास्क दिखाए जाने पर अटपटा-सा छोटा दिखता है।

Google सर्च में फ़ेविकॉन

2019 से Google सर्च परिणाम पेज पर आपके परिणाम के आगे आपका फ़ेविकॉन दिखाता है, ख़ासकर मोबाइल पर — इसलिए यह आइकन अब SERP में आपके ब्रांड का एक छोटा हिस्सा है। Google की प्रलेखित आवश्यकताएँ अफ़वाहों से कहीं सरल हैं: फ़ेविकॉन वर्गाकार (1:1 आस्पेक्ट रेशियो) और कम से कम 8×8 पिक्सल होना चाहिए, और Google 48×48 या उससे बड़ा साइज़ अनुशंसित करता है ताकि यह हर सतह पर साफ़ रेंडर हो। (यह व्यापक रूप से दोहराया गया दावा कि इसे ठीक "48 का गुणज" होना चाहिए, एक भ्रांति है — 48, 96 या 144 सब ठीक हैं, पर असली नियम बस वर्गाकार और पर्याप्त बड़ा होना है।) कोई भी वैध फ़ेविकॉन फ़ॉर्मैट काम करता है; यदि आपका आइकन ग़ायब, ग़ैर-वर्गाकार या अमान्य माना जाता है, तो Google एक सामान्य धूसर ग्लोब पर लौट जाता है। इसे जोड़ने या बदलने के बाद, इसे उठाने के लिए कई दिनों से लेकर कुछ हफ़्तों तक की री-क्रॉल की अपेक्षा करें।

16 पिक्सल पर पढ़ा जाने वाला आइकन डिज़ाइन करना

फ़ेविकॉन वेब पर डिज़ाइन के सबसे छोटे टुकड़ों में से एक है, और बाधाएँ कठोर हैं। सबसे आम गलती किसी पूरे लोगो को सिकोड़ना है: जो विवरण 200 पिक्सल पर तीखा दिखता है वह 16 पर कीचड़ बन जाता है। किसी एकल बोल्ड आकृति या एक मज़बूत अक्षर को प्राथमिकता दें, कंट्रास्ट अधिकतम करें (किसी चटख पृष्ठभूमि पर एक हल्का चिह्न किसी सूक्ष्म कम-कंट्रास्ट वाले से कहीं बेहतर पढ़ा जाता है), और ग्रेडिएंट तथा पतले टेक्स्ट से बचें, जो टैब साइज़ पर धुंधले और सपाट हो जाते हैं। हमेशा असली साइज़ पर पूर्वावलोकन करें — ऊपर का ब्राउज़र-टैब मॉकअप और 16/32/48 टाइलें आपको ठीक वही दिखाती हैं जो आगंतुक देखेंगे।

दो अंतिम बातें। ब्राउज़र फ़ेविकॉन को बहुत आक्रामक रूप से कैश करते हैं — अक्सर हफ़्तों तक — और बुकमार्क अपनी ख़ुद की प्रति रख सकते हैं, इसलिए किसी अपडेट के बाद कभी-कभी आपको हार्ड-रिफ़्रेश करना पड़ता है या नया आइकन ज़बरदस्ती लाने के लिए favicon.ico?v=2 जैसा कोई वर्शन क्वेरी स्ट्रिंग जोड़ना पड़ता है। और अपनी ब्रांडिंग पूरी करने के लिए, <meta name="theme-color"> टैग आपको आस-पास के ब्राउज़र UI (मोबाइल एड्रेस बार, PWA टूलबार) को आपके फ़ेविकॉन के रंग से मिलाकर रंगने देता है — एक छोटा स्पर्श जो फ़ोन पर किसी साइट को परिष्कृत महसूस कराता है।

ब्राउज़र कैसे तय करता है कि कौन-सा आइकन दिखाना है

जब कोई पेज कई आइकन प्रस्तुत करता है, तो ब्राउज़र <link> टैग तथा sizes और type एट्रिब्यूट के आधार पर एक चुनता है — वह फ़ॉर्मैट चुनकर जिसका वह समर्थन करता है, उस साइज़ पर जो उसकी ज़रूरत के सबसे क़रीब हो (डेस्कटॉप टैब के लिए एक तीखा 32-पिक्सल PNG, होम स्क्रीन के लिए 180-पिक्सल Apple आइकन, किसी इंस्टॉल किए गए ऐप के लिए एक मैनिफ़ेस्ट आइकन)। इसीलिए साइज़ को स्पष्ट रूप से घोषित करना मायने रखता है: यह ब्राउज़र को ग़लत आइकन को स्केल करने के बजाय सबसे अच्छा मैच चुनने देता है। एक जानने लायक जानी-मानी विचित्रता है — अपने favicon.ico लिंक में sizes="32x32" जोड़ना, जब आप दोनों देते हैं, Chrome को ICO के बजाय किसी तीखे SVG आइकन को तरजीह देने की ओर धकेलता है। और इन सबके नीचे का सुरक्षा-जाल याद रखें: बिना किसी टैग के भी, हर ब्राउज़र आज भी अपने आप आपकी साइट के रूट से /favicon.ico का अनुरोध करता है, और ठीक इसीलिए वह एक फ़ाइल हमेशा भेजने लायक होती है।

ब्राउज़र टैब से परे

फ़ेविकॉन किसी टैब की सजावट से कहीं अधिक है — वही छोटा आइकन आपकी साइट को हैरान करने वाली कई जगहों पर दर्शाता है, यही वजह है कि इसे सही करना एक असली ब्रांडिंग जीत है:

ब्राउज़र टैब — मूल काम, 16–32 पिक्सल पर।
बुकमार्क, रीडिंग लिस्ट और इतिहास — आपका आइकन उपयोगकर्ताओं को किसी लंबी सूची में आपकी साइट पहचानने में मदद करता है।
Google सर्च परिणाम — आपकी लिस्टिंग के आगे दिखाया गया, ख़ासकर मोबाइल पर।
फ़ोन होम स्क्रीन — जब कोई आपकी साइट को अपनी होम स्क्रीन में जोड़ता है तो apple-touch-icon और Android मैनिफ़ेस्ट आइकन "ऐप" आइकन बन जाते हैं।
इंस्टॉल किए गए प्रोग्रेसिव वेब ऐप — 192 और 512 PNG लॉन्चर आइकन और स्प्लैश स्क्रीन देते हैं।
ब्राउज़र "स्पीड डायल" / नए-टैब थंबनेल और कुछ चैट या फ़ीड पूर्वावलोकन।

आम फ़ेविकॉन समस्याएँ — और उन्हें कैसे ठीक करें

"मेरा नया फ़ेविकॉन दिखता ही नहीं।" ब्राउज़र फ़ेविकॉन को बहुत आक्रामक रूप से कैश करते हैं, अक्सर हफ़्तों तक, और बुकमार्क अपनी ख़ुद की प्रति रखते हैं। हार्ड-रिफ़्रेश करें, या favicon.ico?v=2 जैसा कोई वर्शन स्ट्रिंग जोड़ें ताकि ब्राउज़र उसे एकदम नई फ़ाइल की तरह माने।
"यह किसी हल्के या गहरे टैब बार पर ग़ायब हो जाता है।" बिना किसी स्पष्ट किनारे वाला पारदर्शी आइकन कुछ ब्राउज़र थीम के मुक़ाबले लुप्त हो सकता है। इसे एक ठोस (या गोल-किनारे/ वृत्ताकार) पृष्ठभूमि दें ताकि उसकी हमेशा एक स्पष्ट आकृति हो — या, किसी SVG आइकन के लिए, एक prefers-color-scheme नियम जोड़ें ताकि यह अनुकूलित हो।
"यह धुंधला या कीचड़-जैसा दिखता है।" डिज़ाइन में 16 पिक्सल के लिए बहुत अधिक विवरण है। बारीक तत्व हटाएँ, एक बोल्ड ग्लिफ़ या आकृति इस्तेमाल करें, और असली साइज़ पर पूर्वावलोकन करें।
"Google मेरे आइकन के बजाय एक धूसर ग्लोब दिखाता है।" जब फ़ेविकॉन ग़ायब, वर्गाकार नहीं, या अमान्य माना जाता है तो Google अपने डिफ़ॉल्ट ग्लोब पर लौट जाता है। सुनिश्चित करें कि यह कम से कम 48×48 की एक वर्गाकार छवि हो, आपके होमपेज के <head> से लिंक हो, और Google को री-क्रॉल के लिए समय दें।
"मेरा .ico कुछ ब्राउज़रों में लोड नहीं होता।" महज़ .ico में नाम बदला गया कोई PNG वैध ICO नहीं है और कुछ ब्राउज़र उसे अस्वीकार कर देते हैं। एक उचित मल्टी-इमेज ICO — जैसा यह जनरेटर बनाता है — इस समस्या से बचाता है।

अक्सर पूछे जाने वाले सवाल

फ़ेविकॉन क्या है और मुझे वास्तव में कौन-से साइज़ चाहिए?

फ़ेविकॉन वह छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क बार, सर्च परिणामों और फ़ोन की होम स्क्रीन पर दिखता है। कम से कम आपको एक favicon.ico (जिसमें 16, 32 और 48 px हों) और iPhone के लिए एक 180×180 apple-touch-icon चाहिए। अगर आप कोई प्रोग्रेसिव वेब ऐप भी बनाते हैं, तो 192×192 और 512×512 PNG जोड़ें और उन्हें किसी वेब मैनिफ़ेस्ट से संदर्भित करें। यह जनरेटर इन सभी को एक ही क्लिक में बनाता है, इसलिए आपको हाथ से कुछ भी रीसाइज़ नहीं करना पड़ता।

मैं अपनी वेबसाइट में फ़ेविकॉन कैसे जोड़ूँ?

फ़ाइलें डाउनलोड करें और उन्हें अपनी साइट के रूट (वही फ़ोल्डर जहाँ आपका होमपेज है) में रखें। फिर बनाए गए HTML स्निपेट को हर पेज के <head> में पेस्ट करें — यह हर आइकन को सही rel, type और sizes एट्रिब्यूट के साथ सूचीबद्ध करता है ताकि ब्राउज़र सबसे उपयुक्त चुन सके। favicon.ico बस /favicon.ico पर भी रह सकता है और अधिकांश ब्राउज़र उसे अपने आप ढूँढ लेंगे, पर स्पष्ट <link> टैग जोड़ने से आपको तीखे आधुनिक PNG तथा Apple/Android आइकन भी मिल जाते हैं।

favicon.ico और PNG फ़ेविकॉन में क्या अंतर है?

.ico फ़ॉर्मैट एक कंटेनर है जो एक साथ कई छोटी छवियाँ (यहाँ 16, 32 और 48 px) रखता है, और यह सबसे व्यापक रूप से समर्थित फ़ेविकॉन है तथा वह फ़ाइल जिसे ब्राउज़र डिफ़ॉल्ट रूप से ढूँढते हैं। PNG फ़ेविकॉन एकल-साइज़ होते हैं, हाई-DPI स्क्रीन पर अधिक तीखे, और <link> टैग से स्पष्ट रूप से संदर्भित होते हैं। आधुनिक सर्वोत्तम अभ्यास दोनों भेजना है: अधिकतम अनुकूलता के लिए .ico और हर जगह तीखी रेंडरिंग के लिए 16/32 PNG तथा बड़े Apple/Android आइकन। यह टूल एक असली मल्टी-इमेज .ico बनाता है (अंदर PNG-संपीड़ित फ़्रेमों के साथ), न कि महज़ नाम बदला हुआ कोई PNG।

क्या मैं सिर्फ़ किसी अक्षर या इमोजी से फ़ेविकॉन बना सकता हूँ?

हाँ — किसी छोटे आइकन के लिए अक्सर यही सबसे साफ़ विकल्प होता है। टेक्स्ट / इमोजी मोड में, एक या दो अक्षर टाइप करें (मोनोग्राम आद्याक्षर अच्छा रहता है) या कोई इमोजी पेस्ट करें, फिर फ़ॉन्ट, टेक्स्ट रंग, पृष्ठभूमि रंग और आकार चुनें। टेक्स्ट हर साइज़ में अपने आप फ़िट हो जाता है ताकि वह 16 px तक भी केंद्रित और सुपाठ्य रहे। फ़ेविकॉन पैमाने पर एकल बोल्ड आकृतियाँ विस्तृत लोगो की तुलना में कहीं बेहतर पढ़ी जाती हैं।

क्या मेरे फ़ेविकॉन की पृष्ठभूमि पारदर्शी होनी चाहिए या ठोस?

ठोस (या गोल-किनारे/वृत्ताकार) पृष्ठभूमि आमतौर पर ब्राउज़र टैब में बेहतर दिखती है क्योंकि यह आइकन को हल्की और गहरी दोनों थीम के मुक़ाबले एक स्पष्ट किनारा देती है। पारदर्शी पृष्ठभूमि तब उपयोगी होती है जब आप चाहते हों कि आइकन किसी रंगीन सतह में घुल-मिल जाए — उदाहरण के लिए किसी PWA के अंदर जहाँ मैनिफ़ेस्ट अपनी ख़ुद की पृष्ठभूमि पेंट करता है। तुलना के लिए "पारदर्शी पृष्ठभूमि" टॉगल करें; पूर्वावलोकन और हर डाउनलोड की गई फ़ाइल तुरंत अपडेट हो जाती है।

क्या कुछ भी अपलोड होता है, और क्या यह मुफ़्त है?

यह पूरी तरह मुफ़्त है, बिना किसी साइन-अप के, और कुछ भी कभी आपके डिवाइस से बाहर नहीं जाता। आइकन एक HTML कैनवास पर बनाए जाते हैं और .ico फ़ाइल आपके अपने ब्राउज़र में स्थानीय JavaScript से बाइट-दर-बाइट जोड़ी जाती है, इसलिए जब आप अपनी ख़ुद की इमेज भी अपलोड करते हैं तब भी वह पूरी तरह आपकी मशीन पर संसाधित होती है और कभी किसी सर्वर पर नहीं भेजी जाती।