Flag Bosnia & Herzegovina emoji favicon

🇧🇦 Flag Bosnia & Herzegovina Favicon — Convert Emoji to Favicon | favicon.im

Convert Flag Bosnia & Herzegovina 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 Bosnia & Herzegovina
Unicode U+1F1E7-U+1F1E6
Category Flags
Keywords
flagbosniaherzegovina

Platform Comparison

Flag Bosnia & Herzegovina Twemoji Twemoji
Flag Bosnia & Herzegovina Noto Noto

Similar Emoji Favicons

Style Variants

Flag Bosnia & Herzegovina White Square White / Square
Flag Bosnia & Herzegovina White Rounded White / Rounded
Flag Bosnia & Herzegovina White Circle White / Circle
Flag Bosnia & Herzegovina Black Square Black / Square
Flag Bosnia & Herzegovina Black Rounded Black / Rounded
Flag Bosnia & Herzegovina Black Circle Black / Circle
Flag Bosnia & Herzegovina Dark Blue Square Dark Blue / Square
Flag Bosnia & Herzegovina Dark Blue Rounded Dark Blue / Rounded
Flag Bosnia & Herzegovina Dark Blue Circle Dark Blue / Circle
Flag Bosnia & Herzegovina Light Gray Square Light Gray / Square
Flag Bosnia & Herzegovina Light Gray Rounded Light Gray / Rounded
Flag Bosnia & Herzegovina Light Gray Circle Light Gray / Circle
Flag Bosnia & Herzegovina Blue Square Blue / Square
Flag Bosnia & Herzegovina Blue Rounded Blue / Rounded
Flag Bosnia & Herzegovina Blue Circle Blue / Circle
Flag Bosnia & Herzegovina Green Square Green / Square
Flag Bosnia & Herzegovina Green Rounded Green / Rounded
Flag Bosnia & Herzegovina Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

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

Related Emoji Favicons