Bento Box emoji favicon

🍱 Bento Box Favicon — Convert Emoji to Favicon | favicon.im

Convert Bento Box 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 🍱 Bento Box
Unicode U+1F371
Category Food & Drink
Keywords
bentobox

Platform Comparison

Bento Box Twemoji Twemoji
Bento Box Noto Noto

Similar Emoji Favicons

Style Variants

Bento Box White Square White / Square
Bento Box White Rounded White / Rounded
Bento Box White Circle White / Circle
Bento Box Black Square Black / Square
Bento Box Black Rounded Black / Rounded
Bento Box Black Circle Black / Circle
Bento Box Dark Blue Square Dark Blue / Square
Bento Box Dark Blue Rounded Dark Blue / Rounded
Bento Box Dark Blue Circle Dark Blue / Circle
Bento Box Light Gray Square Light Gray / Square
Bento Box Light Gray Rounded Light Gray / Rounded
Bento Box Light Gray Circle Light Gray / Circle
Bento Box Blue Square Blue / Square
Bento Box Blue Rounded Blue / Rounded
Bento Box Blue Circle Blue / Circle
Bento Box Green Square Green / Square
Bento Box Green Rounded Green / Rounded
Bento Box Green Circle Green / Circle

Customize Your Favicon

#ffffff
Download 512x512
Custom preview

How to Use

Add the converted Bento Box 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%25B1%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%25B1%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%25B1%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%25B1%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%25B1%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%25B1%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%25B1%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%25B1%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%25B1%26size%3D180/w/180/h/180/output/png' },
      ]
    }
  }
})

Related Emoji Favicons