⚓ Anchor फ़ेविकॉन — इमोजी को फ़ेविकॉन में बदलें | favicon.im

Anchor इमोजी (⚓) को अपनी वेबसाइट के फ़ेविकॉन में बदलें। कई आकारों (16x16 से 512x512) में डाउनलोड करें, रंग और आकार कस्टमाइज़ करें। मुफ़्त इमोजी फ़ेविकॉन कनवर्टर।

डाउनलोड

16x16 32x32 48x48 180x180 512x512

इमोजी जानकारी

नाम ⚓ Anchor

Unicode U+2693

श्रेणी Travel & Places

कीवर्ड

anchor

प्लेटफ़ॉर्म तुलना

Twemoji

Noto

समान इमोजी फ़ेविकॉन

शैली विविधताएँ

White / Square

White / Rounded

White / Circle

Black / Square

Black / Rounded

Black / Circle

Dark Blue / Square

Dark Blue / Rounded

Dark Blue / Circle

Light Gray / Square

Light Gray / Rounded

Light Gray / Circle

Blue / Square

Blue / Rounded

Blue / Circle

Green / Square

Green / Rounded

Green / Circle

अपना फ़ेविकॉन कस्टमाइज़ करें

पृष्ठभूमि रंग

#ffffff

बॉर्डर त्रिज्या: 15%

पैडिंग: 10px

डाउनलोड 512x512

उपयोग कैसे करें

इन कोड स्निपेट्स की मदद से Anchor इमोजी फ़ेविकॉन को अपनी वेबसाइट में जोड़ें। इस इमोजी को अपनी साइट के फ़ेविकॉन में बदलने के लिए बस कॉपी और पेस्ट करें।

HTML

<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D32/w/32/h/32/output/png">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D16/w/16/h/16/output/png">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D180/w/180/h/180/output/png">

Next.js (app/layout.tsx)

export const metadata = {
  icons: {
    icon: [
      { url: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D32/w/32/h/32/output/png', sizes: '32x32', type: 'image/png' },
      { url: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D16/w/16/h/16/output/png', sizes: '16x16', type: 'image/png' },
    ],
    apple: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D180/w/180/h/180/output/png',
  },
}

Nuxt 3 (nuxt.config.ts)

export default defineNuxtConfig({
  app: {
    head: {
      link: [
        { rel: 'icon', type: 'image/png', sizes: '32x32', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D32/w/32/h/32/output/png' },
        { rel: 'icon', type: 'image/png', sizes: '16x16', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D16/w/16/h/16/output/png' },
        { rel: 'apple-touch-icon', sizes: '180x180', href: 'https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D%25E2%259A%2593%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})