Globe Showing Americas emoji favicon

🌎 Globe Showing Americas Favicon — Convert Emoji to Favicon | favicon.im

Convert Globe Showing Americas 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 Showing Americas
Unicode U+1F30E
Category Travel & Places
Keywords
globeshowingamericas

Platform Comparison

Globe Showing Americas Twemoji Twemoji
Globe Showing Americas Noto Noto

Similar Emoji Favicons

Style Variants

Globe Showing Americas White Square White / Square
Globe Showing Americas White Rounded White / Rounded
Globe Showing Americas White Circle White / Circle
Globe Showing Americas Black Square Black / Square
Globe Showing Americas Black Rounded Black / Rounded
Globe Showing Americas Black Circle Black / Circle
Globe Showing Americas Dark Blue Square Dark Blue / Square
Globe Showing Americas Dark Blue Rounded Dark Blue / Rounded
Globe Showing Americas Dark Blue Circle Dark Blue / Circle
Globe Showing Americas Light Gray Square Light Gray / Square
Globe Showing Americas Light Gray Rounded Light Gray / Rounded
Globe Showing Americas Light Gray Circle Light Gray / Circle
Globe Showing Americas Blue Square Blue / Square
Globe Showing Americas Blue Rounded Blue / Rounded
Globe Showing Americas Blue Circle Blue / Circle
Globe Showing Americas Green Square Green / Square
Globe Showing Americas Green Rounded Green / Rounded
Globe Showing Americas Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

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

Related Emoji Favicons