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

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

डाउनलोड

16x16 32x32 48x48 180x180 512x512

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

नाम 🟦 Blue Square

Unicode U+1F7E6

श्रेणी Symbols

कीवर्ड

bluesquare

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

Twemoji

Noto

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

White Medium-small Square

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

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

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

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

HTML

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