ArrayKit

Favicon Generator

Logo, kuch akshar ya ek emoji ko poore favicon set mein badliye — favicon.ico, PNG sizes, Apple touch icon, Android icons aur HTML tags — sab aapke browser mein banta hai.

Favicon Generator

Logo, kuch akshar ya ek emoji ko poore favicon set mein badliye — favicon.ico, PNG sizes, Apple touch icon, Android icons aur HTML tags — sab aapke browser mein banta hai.

Aapka logo ya text isi tab mein ek canvas par draw hota hai aur aapke device par hi ZIP mein pack hota hai. Kuch upload nahin hota, isliye abhi jaari na hui branding private rehti hai.

App Icon Generator kholiye

Favicon Generator ke baare mein

Favicon Generator ek hi source se site icons ka poora set banata hai. Shuru kijiye ek image se, jaise logo, ya ek se teen akshar type kijiye, ya koi emoji chuniye. Har icon ko ek hi baDi file se chhota karne ki jagah uske apne pixel size par draw kiya jaata hai: 16, 32 aur 48 px ek favicon.ico mein PNG images ke roop mein jaate hain, saath mein alag 16 aur 32 px ke PNG, 180 px ka Apple touch icon aur Android ke 192 aur 512 px icons. Ek web manifest aur link tags ka ek block bhi saath aata hai, aur text ya emoji source se asli SVG favicon bhi banta hai. Download se pehle previews har size ko pixel-by-pixel aur light aur dark browser tabs ke andar dikhate hain. Yeh sab aapke device par render hota hai, aur aapki image kabhi upload nahin hoti.

Features

  • Source ke roop mein image, text ya emoji, download se pehle live previews ke saath
  • 16, 32 aur 48 px images wali favicon.ico, saath mein alag 16 aur 32 px ke PNG
  • 180 px ka Apple touch icon, background se bhara aur square, taaki iOS use khud round kar sake
  • 192 aur 512 px ke Android icons, mel khaati site.webmanifest ke saath
  • Text aur emoji source ke liye asli favicon.svg, jo kisi bhi size par sharp rehta hai
  • Image source ke liye fit, padding, corner radius aur background ke controls
  • 16 se 180 px tak pixel-exact previews, aur light aur dark mein mock browser tabs
  • Har file ka ek ZIP, aur link tags jo seedhe aapke head mein paste karne ke liye taiyaar hain

Favicon Generator kaise use karein

  1. Image, Text ya Emoji chuniye, phir logo drop kijiye, teen tak akshar type kijiye ya koi emoji chuniye
  2. Fit, padding, colours aur corner shape badliye, aur dekhiye ki previews aur browser tabs saath-saath update hote hain
  3. Apne app ka naam, theme colour aur wo folder daaliye jahan se icons serve kiye jaayenge
  4. ZIP download kijiye, files ko apni site par upload kijiye, aur link tags ko apne head mein paste kijiye

Example

Input

Source: emoji 🚀 on a rounded tile · theme colour #4f46e5 · icons in the site root

Output

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<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">
<meta name="theme-color" content="#4f46e5">

Text ya emoji source ke liye likhe gaye tags; image source mein SVG wali line nahin hoti.

Common errors aur troubleshooting

  • Nayi files upload karne ke baad bhi purana favicon dikh raha hai. — Browsers favicons ko bahut der tak yaad rakhte hain. Icon ka address seedhe kholiye, use Ctrl+Shift+R (Mac par ⌘⇧R) se reload kijiye, phir page reload kijiye. Private window mein naya icon turant dikh jaata hai.
  • Browser tab mein icon dhundhla ya gadbaD dikhta hai. — Kam se kam 512 px ki square image se shuru kijiye aur artwork saada rakhiye, kyunki 16 px par baareek detail gayab ho jaati hai. ChauDa logo aksar zyada padding ya Cover fit ke saath behtar lagta hai.
  • Apple touch icon ke kone kaale hain ya background kaala hai. — iOS transparent pixels ko kaala rang deta hai. 180 px ka icon aapke icon ke background colour se bhara jaata hai, ya icon transparent ho to manifest ke background colour se, aur uske kone square rehte hain taaki iOS unhe khud round kar sake.
  • Files ki list mein favicon.svg nahin hai. — Asli SVG sirf Text aur Emoji sources ke liye banta hai, jahan akshar live text rehta hai. Photo ya logo file SVG ke wrapper mein sirf ek bitmap hoti, isliye PNG aur ICO files yeh kaam sambhaal leti hain.

Aksar pooche jaane wale sawaal

2026 mein mujhe kaunse favicon sizes chahiye?
16, 32 aur 48 px images wali favicon.ico, 180 px ka apple-touch-icon, aur manifest ke liye 192 aur 512 px ke icons lagbhag har browser aur phone ko cover kar lete hain. Alag 16 aur 32 px ke PNG aur ek SVG kaam ke extras hain, aur Favicon Generator in sabko ek saath bana deta hai.
ICO, PNG aur SVG favicons mein kya antar hai?
ICO sabse purana container hai aur ab bhi site ke root se apne aap maanga jaata hai, isliye wo purane browsers aur bookmarks ko cover karta hai. Tabs aur phone icons ke liye PNG safe choice hai. SVG ek hi vector file hai jo kisi bhi size par sharp rehti hai, par har browser use support nahin karta, isliye set mein teeno shaamil hain.
Favicon files aur link tags kahan rakhne chahiye?
Files ko us folder mein upload kijiye jahan se aapki site serve hoti hai, aam taur par root mein home page ke saath. Phir banaye gaye tags ko har page ke head element ke andar paste kijiye. Icons kisi subfolder mein hon to pehle tool mein wo folder daaliye, taaki tags aur manifest ke paths sahi hon.
Files badalne ke baad bhi mera favicon kyun nahin badalta?
Browsers favicons ko page se alag cache karte hain aur purana icon kai din tak rakh sakte hain. Icon ke apne address ko Ctrl+Shift+R se reload kijiye, site ki cached images clear kijiye, ya private window mein test kijiye. Files ka naam badalna aur tags update karna bhi naya download force kar deta hai.
Kya main emoji ko favicon bana sakta hoon?
Haan. Emoji tab chuniye, ek emoji type ya paste kijiye, aur size aur chahein to background chuniye. PNG aur ICO files is device ke emoji font se draw hoti hain, isliye wo har jagah ek jaisi dikhti hain. SVG live text istemaal karta hai, isliye har visitor ka system emoji ka apna version draw karta hai.
Android aur manifest icons kya kaam karte hain?
192 aur 512 px ke PNG site.webmanifest mein list hote hain. Android unhe home-screen shortcut aur splash screen ke liye istemaal karta hai, aur install hone wale web apps ko inki zaroorat hoti hai. Manifest mein aapke app ka naam, short name aur colours bhi rehte hain, jo aap tool mein set kar sakte hain.

Related tools

  • App Icon Generator — Ek image ko iOS, macOS aur Android ki har app icon size mein badlein — aapke browser mein generate hokar ZIP ke roop mein download.
  • SVG to PNG Converter — SVG ko kisi bhi scale par ek crisp PNG ya JPG mein rasterize karein
  • Image Format Converter — Images ko PNG, JPEG aur WebP ke beech poori tarah aapke browser mein convert karein.
  • Open Graph Generator — Open Graph aur Twitter meta tags generate karein, social card preview ke saath.
  • Meta Tag Generator — SEO, Open Graph aur Twitter Card meta tags ek form se banayein
  • Image Resizer — Photos ko pixels, percentage, preset ya sabse lambi side ke hisaab se resize kijiye — batch mein, ZIP download ke saath.
  • Base64 Image Encoder / Decoder — Images ko HTML aur CSS snippets wale Base64 Data URI mein badlein, ya Data URI ko downloadable image mein decode karein.

Images ke aur tools

  • Image Optimizer — Images ko re-encode aur chhota karein (JPEG/WebP/PNG), optional resize ke saath.
  • Image Format Converter — Images ko PNG, JPEG aur WebP ke beech poori tarah aapke browser mein convert karein.
  • EXIF Viewer aur Remover — Photos se EXIF metadata (GPS samet) dekhein aur hatayein; kuch bhi upload nahi hota.
  • Base64 Image Encoder / Decoder — Images ko HTML aur CSS snippets wale Base64 Data URI mein badlein, ya Data URI ko downloadable image mein decode karein.
  • App Icon Generator — Ek image ko iOS, macOS aur Android ki har app icon size mein badlein — aapke browser mein generate hokar ZIP ke roop mein download.
  • Sprite Sheet CSS Animation Generator — Ek sprite sheet ko copy-paste CSS steps() animation mein badlein, live preview ke saath.
  • SVG to PNG Converter — SVG ko kisi bhi scale par ek crisp PNG ya JPG mein rasterize karein
  • Image Color Picker — Ek image se kisi bhi pixel ka HEX, RGB aur HSL grab karein
  • Color Format Converter — Kisi bhi CSS color ko ek saath HEX, RGB, HSL, HWB, LAB, LCH, OKLCH aur OKLAB mein dekhein.
  • Barcode Generator — EAN-13, UPC-A, Code 128, Code 39 aur ITF-14 barcodes banayein aur crisp SVG ya PNG download karein.
  • Color Palette Extractor — Kisi image se dominant color aur HEX, RGB, HSL palette nikaalein
  • Image Flip Aur Rotate — Browser mein hi image rotate aur flip karein
  • Image Cropper — Koi bhi hissa ya fixed ratio crop karke poori resolution mein download.
  • Image Watermark — Text ya logo — anchored ya tiled, opacity aur rotation ke saath.
  • Image Redact karein — Screenshot ke hisse hamesha ke liye blur, pixelate ya kaale karein.
  • Round Image Corners — Photos ko rounded rectangle ya circle mein crop, transparent PNG.
  • Color Blindness Simulator — Protanopia ya deuteranopia mein image kaisi dikhti hai dekhein.
  • Image DPI Changer — Pixels touch kiye bina PNG ya JPEG ka DPI set karein.
  • BlurHash Generator — Dhundhle image placeholder encode aur decode karein.
  • Placeholder Image Generator — Kisi bhi size ki placeholder image SVG, PNG ya data URI me.
  • ASCII Art Generator — Image ko adjustable contrast ke saath ASCII art me badlein.
  • Image Filters — Grayscale, sepia, contrast, blur aur bahut kuch lagaiye, phir PNG aur CSS export kijiye.
  • Image Splitter — Tasveer ko tiles ke grid mein kaatiye aur saare tiles ZIP mein download kijiye.
  • Image Merger — Tasveerein aajoo-baajoo, upar-neeche ya grid mein jodiye.

Images ke sabhi tools dekhein (35) · Saare tools