🏴󠁧󠁢󠁳󠁣󠁴󠁿 Flag Scotland Favicon — Convert Emoji to Favicon

Download

16x16 32x32 48x48 180x180 512x512

Emoji Info

Name 🏴󠁧󠁢󠁳󠁣󠁴󠁿 Flag Scotland

Unicode U+1F3F4-U+E0067-U+E0062-U+E0073-U+E0063-U+E0074-U+E007F

Category Flags

Keywords

flagscotland

Platform Comparison

Twemoji

Noto

Similar Emoji Favicons

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 Flag Scotland 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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%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%25B4%25F3%25A0%2581%25A7%25F3%25A0%2581%25A2%25F3%25A0%2581%25B3%25F3%25A0%2581%25A3%25F3%25A0%2581%25B4%25F3%25A0%2581%25BF%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})