Flag Vatican City emoji favicon

🇻🇦 Flag Vatican City Favicon — Convert Emoji to Favicon | favicon.im

Convert Flag Vatican City emoji (🇻🇦) to favicon for your website. Download in multiple sizes (16x16 to 512x512), customize colors and shape. Free emoji to favicon converter.

Download

Emoji Info

Name 🇻🇦 Flag Vatican City
Unicode U+1F1FB-U+1F1E6
Category Flags
Keywords
flagvaticancity

Platform Comparison

Flag Vatican City Twemoji Twemoji
Flag Vatican City Noto Noto

Similar Emoji Favicons

Style Variants

Flag Vatican City White Square White / Square
Flag Vatican City White Rounded White / Rounded
Flag Vatican City White Circle White / Circle
Flag Vatican City Black Square Black / Square
Flag Vatican City Black Rounded Black / Rounded
Flag Vatican City Black Circle Black / Circle
Flag Vatican City Dark Blue Square Dark Blue / Square
Flag Vatican City Dark Blue Rounded Dark Blue / Rounded
Flag Vatican City Dark Blue Circle Dark Blue / Circle
Flag Vatican City Light Gray Square Light Gray / Square
Flag Vatican City Light Gray Rounded Light Gray / Rounded
Flag Vatican City Light Gray Circle Light Gray / Circle
Flag Vatican City Blue Square Blue / Square
Flag Vatican City Blue Rounded Blue / Rounded
Flag Vatican City Blue Circle Blue / Circle
Flag Vatican City Green Square Green / Square
Flag Vatican City Green Rounded Green / Rounded
Flag Vatican City Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Flag Vatican City emoji favicon to your website with these code snippets. Simply copy and paste to convert this emoji to your site's favicon.

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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%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%2587%25BB%25F0%259F%2587%25A6%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons