7️⃣ Keycap 7 फ़ेविकॉन — इमोजी को फ़ेविकॉन में बदलें | favicon.im

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

डाउनलोड

16x16 32x32 48x48 180x180 512x512

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

नाम 7️⃣ Keycap 7

Unicode U+37-U+FE0F-U+20E3

श्रेणी Symbols

कीवर्ड

keycap

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

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

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

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

HTML

<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.smaller.app/https%3A%2F%2Ffavicon.im%2Femoji-favicon%2Frender%3Femoji%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%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%3D7%25EF%25B8%258F%25E2%2583%25A3%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})