🏳️‍⚧️ Transgender Flag Favicon — Convert Emoji to Favicon | favicon.im

Convert Transgender Flag emoji (🏳️‍⚧️) to favicon for your website. Download in multiple sizes (16x16 to 512x512), customize colors and shape. Free emoji to favicon converter.

Download

16x16 32x32 48x48 180x180 512x512

Emoji Info

Name 🏳️‍⚧️ Transgender Flag

Unicode U+1F3F3-U+FE0F-U+200D-U+26A7-U+FE0F

Category Flags

Keywords

transgenderflag

Platform Comparison

Twemoji

Noto

Similar Emoji Favicons

Flag Algeria

Flag Ceuta & Melilla

Flag Dominica

Flag Dominican Republic

Flag Diego Garcia

Style Variants

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

Customize Your Favicon

Background Color

#ffffff

Border Radius: 15%

Padding: 10px

Download 512x512

How to Use

Add the converted Transgender Flag 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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%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%258F%25B3%25EF%25B8%258F%25E2%2580%258D%25E2%259A%25A7%25EF%25B8%258F%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons

Flag Algeria

Flag Ceuta & Melilla

Flag Dominica

Flag Dominican Republic