Bento Box

🍱

Shortcodes

Copy useful codes for bento box symbol 🍱 to use in websites, apps, blogs, and docs.

Unicode

U+1F371

HTML Code

🍱

HEX Code

🍱

CSS Code

\1F371

JS/JSON

\u1F371

Unix/C/PHP/JAVA

0x1F371

URL-encode

%F0%9F%8D%B1

Customize 🍱, download it as SVG or PNG, or copy the generated HTML snippet.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

🍱

HTML Code

1. Direct symbol:

<span>🍱</span>

HTML Code:

<span>&#127857;</span>

HEX Code:

<span>&#x1F371;</span>

.bento-box::before {
  content: '\\1F371';
}

document.querySelector('.bento-box').textContent = '🍱';