एक logo, font icon या monogram से एक पूर्ण favicon पैकेज बनाएं — favicon.ico, आधुनिक PNGs, Apple touch icon, PWA icons, एक web manifest और HTML snippet।

एक logo डालें, font icon चुनें या एक monogram type करें — हम एक आधुनिक website के लिए ज़रूरी हर favicon render करते हैं, classic favicon.ico से लेकर Apple touch icon, PWA icons और एक paste करने को तैयार HTML snippet तक।

यहाँ एक PNG ड्रॉप करें या अपलोड करने के लिए क्लिक करें
पारदर्शी PNG अनुशंसित · JPG / WebP भी स्वीकार्य
64%
Background रंग
0%
Browser UI और PWA manifest द्वारा उपयोग किया जाता है।
आपकी Site
example.com
बुकमार्क · 32px
Apple touch · 180px
PWA · 512px

आपका favicon पैकेज तैयार है
ZIP डाउनलोड शुरू हो गया है। इसे अपनी site के root में unzip करें और HTML snippet को अपने <head> में paste करें।

फ़ेविकन जेनरेटर के बारे में

Favicon Generator एक ही सोर्स से एक आधुनिक वेबसाइट को चाहिए हर आइकॉन तैयार करता है: एक लोगो PNG अपलोड करें, एक फ़ॉन्ट आइकॉन चुनें, या एक मोनोग्राम टाइप करें। पैकेज में क्लासिक favicon.ico (16, 32 और 48 px), आधुनिक PNG फ़ेविकॉन, 180 px का Apple touch icon, 192 और 512 px के PWA आइकॉन, एक site.webmanifest और HTML head स्निपेट शामिल हैं।

स्टाइलिंग टूल में ही संभाली जाती है: एक बैकग्राउंड रंग चुनें या ट्रांसपेरेंसी रखें, square, rounded या circle शेप में क्लिप करें, पैडिंग और आर्टवर्क साइज़ ट्यून करें, और ब्राउज़र UI तथा PWA मैनिफ़ेस्ट के लिए इस्तेमाल होने वाला थीम कलर सेट करें। एक लाइव प्रिव्यू आपके आइकॉन को असल संदर्भों में दिखाता है — 16 px का ब्राउज़र टैब, एक बुकमार्क, Apple touch टाइल और एक PWA आइकॉन।

सब कुछ आपके ब्राउज़र में एक कैनवास पर रेंडर होता है, और Generate पूरे पैकेज को एक README के साथ ZIP में इकट्ठा कर देता है। इंस्टॉलेशन दो चरणों में होता है: अपनी साइट के रूट में अनज़िप करें और दिए गए स्निपेट को अपने <head> में पेस्ट करें।

फ़ेविकन जेनरेटर का उपयोग कैसे करें

  1. अपना सोर्स चुनें: एक PNG लोगो अपलोड करें, एक फ़ॉन्ट आइकॉन चुनें, या एक मोनोग्राम टाइप करें।
  2. इसे स्टाइल करें — बैकग्राउंड रंग या ट्रांसपेरेंसी, शेप, पैडिंग और आर्टवर्क साइज़।
  3. PWA मैनिफ़ेस्ट के लिए साइट नाम, शॉर्ट नाम और थीम कलर भरें।
  4. प्रिव्यू जाँचें: ब्राउज़र टैब, बुकमार्क, Apple touch और PWA संदर्भ।
  5. "Generate favicons" पर क्लिक करें और पैकेज को अपनी वेबसाइट के रूट में अनज़िप करें।
  6. पैकेज से HTML स्निपेट को अपने पेज के <head> में पेस्ट करें।

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

हाँ — पूरा पैकेज, जिसमें .ico, सभी PNG साइज़, मैनिफ़ेस्ट और HTML स्निपेट शामिल हैं, जनरेट और डाउनलोड करने के लिए मुफ़्त है।

16, 32 और 48 px लेयर वाला favicon.ico, आधुनिक PNG फ़ेविकॉन, 180 px का apple-touch-icon, 192 और 512 px के PWA आइकॉन, एक site.webmanifest, इस्तेमाल के लिए तैयार HTML स्निपेट और इंस्टॉल चरणों वाला एक README।

हाँ। ब्राउज़र और क्रॉलर अब भी फ़ॉलबैक के रूप में /favicon.ico का अनुरोध करते हैं, और पुराने क्लाइंट इस पर निर्भर होते हैं। पैकेज इसे आधुनिक PNG लिंक के साथ भेजता है ताकि हर विज़िटर को स्पष्ट आइकॉन मिले।

आर्काइव को अपनी वेबसाइट के रूट में अनज़िप करें ताकि फ़ाइलें डोमेन रूट पर रहें, फिर दिए गए HTML स्निपेट को अपने पेजों के <head> में पेस्ट करें। ZIP में मौजूद README इन्हीं चरणों को दोहराता है।

यह मैनिफ़ेस्ट और मेटा टैग में लिखा जाता है, जो मोबाइल पर ब्राउज़र UI और इंस्टॉल किए गए PWA के स्प्लैश तथा टाइटल बार को रंगता है ताकि वे आपके ब्रांड से मेल खाएँ।

हाँ। एक या दो अक्षरों का मोनोग्राम टाइप करें और एक टाइपफ़ेस तथा रंग चुनें, या फ़ॉन्ट-आइकॉन लाइब्रेरी से कोई ग्लिफ़ चुनें — जनरेटर इसे अपलोड किए गए लोगो की तरह ही हर साइज़ में रेंडर करता है।

इसे साझा करें

लोकप्रिय खोजें
favicon जनरेटर favicon.ico निर्माता favicon ऑनलाइन बनाएं apple touch icon PWA आइकन जनरेटर लोगो से favicon
मदद चाहिए?
इस टूल में कोई समस्या मिली? हमारी टीम को बताएं।
समस्या की रिपोर्ट करें

इस मुफ़्त टूल को अपनी वेबसाइट पर जोड़ें — नीचे दिया गया कोड कॉपी और पेस्ट करें।