Beer Mug emoji favicon

🍺 Beer Mug ファビコン — 絵文字をファビコンに変換 | favicon.im

Beer Mug 絵文字（🍺）をウェブサイトのファビコンに変換。複数サイズ（16x16〜512x512）でダウンロード、色や形をカスタマイズ。無料の絵文字ファビコン変換ツール。

ダウンロード

16x16 32x32 48x48 180x180 512x512

絵文字情報

名前 🍺 Beer Mug
Unicode U+1F37A
カテゴリー Food & Drink
キーワード
beermug

プラットフォーム比較

Beer Mug Twemoji Twemoji
Beer Mug Noto Noto

類似の絵文字ファビコン

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

スタイルバリエーション

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

ファビコンをカスタマイズ

#ffffff
ダウンロード 512x512
Custom preview

使い方

これらのコードスニペットを使って、Beer Mug 絵文字ファビコンをウェブサイトに追加できます。コピー＆ペーストするだけで、この絵文字をサイトのファビコンに変換できます。

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' },
      ]
    }
  }
})

関連する絵文字ファビコン

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