Flag St. Lucia emoji favicon

🇱🇨 Flag St. Lucia Favicon — Convert Emoji to Favicon | favicon.im

Convert Flag St. Lucia 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 St. Lucia
Unicode U+1F1F1-U+1F1E8
Category Flags
Keywords
flagst.lucia

Platform Comparison

Flag St. Lucia Twemoji Twemoji
Flag St. Lucia Noto Noto

Similar Emoji Favicons

Style Variants

Flag St. Lucia White Square White / Square
Flag St. Lucia White Rounded White / Rounded
Flag St. Lucia White Circle White / Circle
Flag St. Lucia Black Square Black / Square
Flag St. Lucia Black Rounded Black / Rounded
Flag St. Lucia Black Circle Black / Circle
Flag St. Lucia Dark Blue Square Dark Blue / Square
Flag St. Lucia Dark Blue Rounded Dark Blue / Rounded
Flag St. Lucia Dark Blue Circle Dark Blue / Circle
Flag St. Lucia Light Gray Square Light Gray / Square
Flag St. Lucia Light Gray Rounded Light Gray / Rounded
Flag St. Lucia Light Gray Circle Light Gray / Circle
Flag St. Lucia Blue Square Blue / Square
Flag St. Lucia Blue Rounded Blue / Rounded
Flag St. Lucia Blue Circle Blue / Circle
Flag St. Lucia Green Square Green / Square
Flag St. Lucia Green Rounded Green / Rounded
Flag St. Lucia Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

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

Related Emoji Favicons