Globe With Meridians emoji favicon

🌐 Globe With Meridians Favicon — Convert Emoji to Favicon | favicon.im

Convert Globe With Meridians 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 🌐 Globe With Meridians
Unicode U+1F310
Category Travel & Places
Keywords
globewithmeridians

Platform Comparison

Globe With Meridians Twemoji Twemoji
Globe With Meridians Noto Noto

Similar Emoji Favicons

Style Variants

Globe With Meridians White Square White / Square
Globe With Meridians White Rounded White / Rounded
Globe With Meridians White Circle White / Circle
Globe With Meridians Black Square Black / Square
Globe With Meridians Black Rounded Black / Rounded
Globe With Meridians Black Circle Black / Circle
Globe With Meridians Dark Blue Square Dark Blue / Square
Globe With Meridians Dark Blue Rounded Dark Blue / Rounded
Globe With Meridians Dark Blue Circle Dark Blue / Circle
Globe With Meridians Light Gray Square Light Gray / Square
Globe With Meridians Light Gray Rounded Light Gray / Rounded
Globe With Meridians Light Gray Circle Light Gray / Circle
Globe With Meridians Blue Square Blue / Square
Globe With Meridians Blue Rounded Blue / Rounded
Globe With Meridians Blue Circle Blue / Circle
Globe With Meridians Green Square Green / Square
Globe With Meridians Green Rounded Green / Rounded
Globe With Meridians Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Globe With Meridians 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%258C%2590%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%258C%2590%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%258C%2590%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%258C%2590%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%258C%2590%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%258C%2590%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%258C%2590%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%258C%2590%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%258C%2590%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons