Beer Mug emoji favicon

🍺 Beer Mug Favicon — Convert Emoji to Favicon | favicon.im

Convert Beer Mug 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 🍺 Beer Mug
Unicode U+1F37A
Category Food & Drink
Keywords
beermug

Platform Comparison

Beer Mug Twemoji Twemoji
Beer Mug Noto Noto

Similar Emoji Favicons

Clinking Beer Mugs favicon Clinking Beer Mugs Jar favicon Jar Amphora favicon Amphora Spoon favicon Spoon Kitchen Knife favicon Kitchen Knife

Style Variants

Beer Mug White Square White / Square
Beer Mug White Rounded White / Rounded
Beer Mug White Circle White / Circle
Beer Mug Black Square Black / Square
Beer Mug Black Rounded Black / Rounded
Beer Mug Black Circle Black / Circle
Beer Mug Dark Blue Square Dark Blue / Square
Beer Mug Dark Blue Rounded Dark Blue / Rounded
Beer Mug Dark Blue Circle Dark Blue / Circle
Beer Mug Light Gray Square Light Gray / Square
Beer Mug Light Gray Rounded Light Gray / Rounded
Beer Mug Light Gray Circle Light Gray / Circle
Beer Mug Blue Square Blue / Square
Beer Mug Blue Rounded Blue / Rounded
Beer Mug Blue Circle Blue / Circle
Beer Mug Green Square Green / Square
Beer Mug Green Rounded Green / Rounded
Beer Mug Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Beer Mug 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%258D%25BA%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%258D%25BA%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%258D%25BA%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%258D%25BA%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%258D%25BA%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%258D%25BA%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%258D%25BA%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%258D%25BA%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%258D%25BA%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons

Jar favicon Jar Amphora favicon Amphora Spoon favicon Spoon Kitchen Knife favicon Kitchen Knife Chopsticks favicon Chopsticks Fork And Knife With Plate favicon Fork And Knife With Plate Fork And Knife favicon Fork And Knife Mate favicon Mate