🏳️‍🌈 Rainbow Flag Favicon — Convert Emoji to Favicon | favicon.im

Convert Rainbow 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 🏳️‍🌈 Rainbow Flag

Unicode U+1F3F3-U+FE0F-U+200D-U+1F308

Category Flags

Keywords

rainbowflag

Platform Comparison

Twemoji

Noto

Similar Emoji Favicons

Flag Costa Rica

Flag Cuba

Flag Colombia

Flag Clipperton Island

Flag Sark

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

Related Emoji Favicons

Flag Costa Rica

Flag Cuba

Flag Colombia

Flag Clipperton Island