Flag Afghanistan emoji favicon

🇦🇫 Flag Afghanistan Favicon — Convert Emoji to Favicon | favicon.im

Convert Flag Afghanistan 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 Afghanistan
Unicode U+1F1E6-U+1F1EB
Category Flags
Keywords
flagafghanistan

Platform Comparison

Flag Afghanistan Twemoji Twemoji
Flag Afghanistan Noto Noto

Similar Emoji Favicons

Style Variants

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

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

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

Related Emoji Favicons