Flag European Union emoji favicon

🇪🇺 Flag European Union Favicon — Convert Emoji to Favicon | favicon.im

Convert Flag European Union 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 European Union
Unicode U+1F1EA-U+1F1FA
Category Flags
Keywords
flageuropeanunion

Platform Comparison

Flag European Union Twemoji Twemoji
Flag European Union Noto Noto

Similar Emoji Favicons

Style Variants

Flag European Union White Square White / Square
Flag European Union White Rounded White / Rounded
Flag European Union White Circle White / Circle
Flag European Union Black Square Black / Square
Flag European Union Black Rounded Black / Rounded
Flag European Union Black Circle Black / Circle
Flag European Union Dark Blue Square Dark Blue / Square
Flag European Union Dark Blue Rounded Dark Blue / Rounded
Flag European Union Dark Blue Circle Dark Blue / Circle
Flag European Union Light Gray Square Light Gray / Square
Flag European Union Light Gray Rounded Light Gray / Rounded
Flag European Union Light Gray Circle Light Gray / Circle
Flag European Union Blue Square Blue / Square
Flag European Union Blue Rounded Blue / Rounded
Flag European Union Blue Circle Blue / Circle
Flag European Union Green Square Green / Square
Flag European Union Green Rounded Green / Rounded
Flag European Union Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Flag European Union 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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%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%25AA%25F0%259F%2587%25BA%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons