کسی لوگو، فونٹ آئیکن یا مونوگرام سے ایک مکمل favicon پیکیج بنائیں — favicon.ico، جدید PNGs، Apple touch آئیکن، PWA آئیکنز، ویب مینی فیسٹ اور HTML سنیپٹ۔

ایک لوگو شامل کریں، فونٹ آئیکن چنیں یا مونوگرام ٹائپ کریں — ہم ہر وہ favicon بناتے ہیں جس کی ایک جدید ویب سائٹ کو ضرورت ہوتی ہے، کلاسک favicon.ico سے لے کر Apple touch آئیکن، PWA آئیکنز اور پیسٹ کرنے کے لیے تیار HTML سنیپٹ تک۔

یہاں PNG چھوڑیں یا اپلوڈ کرنے کے لیے کلک کریں
شفاف PNG تجویز کردہ · JPG / WebP بھی قبول ہے
64%
پس منظر کا رنگ
0%
براؤزر UI اور PWA مینی فیسٹ کے ذریعے استعمال ہوتا ہے۔
آپ کی سائٹ
example.com
بُک مارک · 32px
Apple touch · 180px
PWA · 512px

آپ کا favicon پیکیج تیار ہے
ZIP ڈاؤن لوڈ شروع ہو گیا ہے۔ اسے اپنی سائٹ کے روٹ میں ان زپ کریں اور HTML سنیپٹ کو اپنے <head> میں پیسٹ کریں۔

Favicon جنریٹر کے بارے میں

Favicon Generator ایک ہی سورس سے ہر وہ آئیکن بناتا ہے جس کی جدید ویب سائٹ کو ضرورت ہوتی ہے: PNG لوگو اپ لوڈ کریں، فونٹ آئیکن منتخب کریں، یا مونوگرام ٹائپ کریں۔ پیکج میں کلاسک favicon.ico (16، 32 اور 48 px)، جدید PNG فیوی کنز، 180 px ایپل ٹچ آئیکن، 192 اور 512 px PWA آئیکنز، ایک site.webmanifest اور HTML head اسنیپٹ شامل ہیں۔

اسٹائلنگ ٹول کے اندر ہی کی جاتی ہے: بیک گراؤنڈ رنگ منتخب کریں یا شفافیت رکھیں، اسکوائر، راؤنڈڈ یا سرکل شکل میں کلپ کریں، پیڈنگ اور آرٹ ورک کا سائز ٹیون کریں، اور تھیم کلر سیٹ کریں جو براؤزر UI اور PWA مینی فیسٹ استعمال کرتا ہے۔ ایک لائیو پیش نظارہ آپ کا آئیکن حقیقی سیاق و سباق میں دکھاتا ہے — 16 px براؤزر ٹیب، ایک بک مارک، ایپل ٹچ ٹائل اور PWA آئیکن۔

ہر چیز آپ کے براؤزر میں کینوس پر رینڈر ہوتی ہے، اور Generate پورے پیکج کو README کے ساتھ ایک ZIP میں جمع کر دیتا ہے۔ انسٹالیشن دو مراحل کی ہے: اسے اپنی سائٹ کے روٹ میں ان زپ کریں اور فراہم کردہ اسنیپٹ اپنے <head> میں پیسٹ کریں۔

Favicon جنریٹر استعمال کرنے کا طریقہ

  1. اپنا سورس منتخب کریں: PNG لوگو اپ لوڈ کریں، فونٹ آئیکن منتخب کریں، یا مونوگرام ٹائپ کریں۔
  2. اسے اسٹائل دیں — بیک گراؤنڈ رنگ یا شفافیت، شکل، پیڈنگ اور آرٹ ورک کا سائز۔
  3. PWA مینی فیسٹ کے لیے سائٹ کا نام، مختصر نام اور تھیم کلر درج کریں۔
  4. پیش نظارے چیک کریں: براؤزر ٹیب، بک مارک، ایپل ٹچ اور 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
مدد چاہیے؟
اس ٹول میں کوئی مسئلہ ملا؟ ہماری ٹیم کو بتائیں۔
مسئلہ رپورٹ کریں

اس مفت ٹول کو اپنی ویب سائٹ پر شامل کریں — نیچے دیا گیا کوڈ کاپی اور پیسٹ کریں۔