eeemojieeemoji
β†πŸ”˜πŸ”²β†’

White Square Button Emoji

SymbolsU+1F533:white_square_button:
buttongeometricoutlinedsquarewhite

About White Square Button πŸ”³

White Square Button () is part of the Symbols group in Unicode. Added in Unicode E0.6. Type on GitHub and Slack to use it. Click copy above to grab it, paste it anywhere.

Works in iMessage, WhatsApp, Discord, Slack, Instagram, Twitter, Gmail, and every app that supports Unicode.

Often associated with button, geometric, outlined, and 2 more keywords.

Scroll down for the full story: meaning, trends, combos, and more.

All Symbols emojisCheat SheetKeyboard ShortcutsSlack GuideDiscord GuideCompare Emoji Tools

How it looks

What does it mean?

πŸ”³ is White Square Button, but like its partner πŸ”², the name describes its border, not its fill. It renders as a bright square framed by a thick light-grey or white outline, usually sitting on a darker background. Visually it reads as a button that's been pressed in, a toggle flipped on, or a checkbox that's been selected. It's the "filled" or "active" half of the pair.

Added in Unicode 6.0 in October 2010, πŸ”³ and its sibling πŸ”² were imported from Japanese carrier emoji via proposal L2/09-026R. Both were described as square versions of πŸ”˜ Radio Button, meant to give interface designers rectangular selection controls. They live in the Miscellaneous Symbols and Pictographs block at U+1F532 and U+1F533, a consecutive pair that were never supposed to be separated.


If πŸ”² is what a form looks like before you fill it out, πŸ”³ is what it looks like after you click.

πŸ”³ shows up less than πŸ”² because most posts start from an empty state. When someone builds a fake poll, they lead with πŸ”² options; πŸ”³ only appears after a choice is made. That makes πŸ”³ the "reveal" or "punchline" half of the button pair, the selected answer, the lit-up option, the box that's been ticked.

On TikTok and X, πŸ”³ appears most often in before/after joke structures: "πŸ”² old me / πŸ”³ new me", "πŸ”² what I said / πŸ”³ what I meant". It's also used by marketing accounts as a stop-button stand-in (because it can look like ⏹️) and by minimalist bios that want a button aesthetic without the "empty" feeling of πŸ”². Unicode's emoji frequency data places πŸ”³ near the very bottom of the symbol category, below even πŸ”².

Selected / chosen optionToggle in the on positionChecked box in listsBefore/after revealStop-button lookalikeActive UI element"After" state in comparison posts
What does πŸ”³ mean?

πŸ”³ is the "selected" or "on" half of the button pair. It reads as a toggle in the on position, a checkbox that's been ticked, or the chosen option in a list. Used alone it's a simple button glyph; used after πŸ”² it usually signals a change from empty to filled.

πŸ”³ vs πŸ”² usage ratio

Across public emoji corpora, πŸ”² is typed about three times as often as πŸ”³. The "empty" button leads because text lists usually start unselected. πŸ”³ shows up in the completed half of before/after comparisons.

The Square Family

Ten square emojis span four sizes and two colors. The large squares (β¬›β¬œ) went viral through Wordle. The medium squares (◼️◻️), medium-small (β—Ύβ—½) and small (β–ͺ️▫️) serve as bullets, markers and spacing glyphs. The button variants (πŸ”²πŸ”³) add a 3D, pressable quality. Together they're the building blocks of emoji pixel art, ASCII-style diagrams, and minimalist bios.
⬛Black Large Square
Wordle's wrong guess. Malevich's masterpiece. The void in emoji form.
⬜White Large Square
Blank slate. Empty grid cell. Wordle's unused row.
◼️Black Medium Square
Bullet point and list marker. The mid-size workhorse.
◻️White Medium Square
Placeholder and spacing element. Clean, minimal, functional.
β—ΎBlack Medium-Small Square
Fine-grain grids and sub-bullets. Smaller than ◼️, larger than β–ͺ️.
β—½White Medium-Small Square
Delicate spacing and micro-layouts in white.
β–ͺ️Black Small Square
The smallest solid black square. The quiet bullet-point workhorse.
▫️White Small Square
The smallest outlined square. Minimalist marker and spacer.
πŸ”²Black Square Button
3D button appearance. Checkbox, selection, UI element.
πŸ”³White Square Button
3D button on dark background. Toggle, switch, interface control.

How πŸ”³ actually gets used

From a sample of public posts containing πŸ”³, these are the roles it plays. "After" reveals dominate, the payoff half of before/after jokes, glow-up formats, and selected-option punchlines.

Emoji combos

Origin story

πŸ”³ shares a birthday with πŸ”². Both were part of the February 2009 Unicode proposal L2/09-026R that imported 674 emoji from the catalogs of NTT DoCoMo, KDDI and SoftBank into the global Unicode standard. They were assigned consecutive codepoints, U+1F532 for the black button, U+1F533 for the white, and described in the proposal as "square versions of β“˜ Radio Button for use in menu interfaces."

The pair originated on KDDI feature phones in the mid-2000s, where they appeared as 16Γ—16 pixel icons used to mark selected and unselected options in on-device menus. When Google and Apple built the first unified emoji catalog in 2007, the buttons made the list because dropping them would have broken email signatures and menu text on millions of Japanese phones.


When Unicode 6.0 shipped in October 2010, πŸ”³ entered the standard with a formal name that referenced its border color. For the next fifteen years, users would type it and wonder why the "white" button looks dark.

How to use πŸ”² and πŸ”³ together

The button pair is designed for contrast. One looks empty, the other looks selected. Put them next to each other and a reader instantly understands off/on, before/after, unchosen/chosen. Here's the quick decoder.
StateUse πŸ”²Use πŸ”³
Toggle switchOffOn
CheckboxUncheckedChecked
SelectionUnselectedSelected
TimelineBeforeAfter
Stop/GoPause or waitingActive or pressed

Design history

  1. 2007KDDI's white square button appears in the first unified Google/Apple emoji catalog, L2/07-257.
  2. 2009Proposal L2/09-026R requests U+1F533 alongside its sibling U+1F532.
  3. 2010Unicode 6.0 releases in October. πŸ”³ enters the standard with the name White Square Button.
  4. 2012Apple iOS 6 ships the first color rendering: a bright square on a dark rounded-square background.
  5. 2017Microsoft's Fluent emoji set redesigns πŸ”³ with a cleaner flat aesthetic, matching the broader move away from skeuomorphic UI.
  6. 2023Google's [Noto Color Emoji](https://fonts.google.com/noto/specimen/Noto+Color+Emoji) 15.0 reduces the bevel further. The "button" feel is mostly gone; it reads more like a selection indicator.
Why does πŸ”³ look dark if it's called the White Square Button?

The name refers to the border, not the fill. πŸ”³'s defining feature is the white or light-grey outline around the outside of the square. Unicode chose the name because the border is what distinguishes it from its dark-bordered sibling πŸ”².

When was πŸ”³ added to emoji?

πŸ”³ was encoded in Unicode 6.0 on October 11, 2010, via proposal L2/09-026R. It became an official emoji with Unicode Emoji 1.0 in 2015.

Often confused with

πŸ”² Black Square Button

πŸ”² Black Square Button is the inverse: dark border, light center. The pair is meant to read as off/on. Use πŸ”² for an empty checkbox or unselected option; use πŸ”³ for the one that's been chosen.

⬜ White Large Square

⬜ White Large Square is flat and borderless, pure geometric fill. πŸ”³ has a distinctive outline and a darker backdrop, which makes it read as a UI button. ⬜ became famous through Wordle's tile grid; πŸ”³ is a quieter, utility-grade emoji.

⏹️ Stop Button

⏹️ Stop Button is the dedicated media-control glyph. It's what you actually want when you're talking about a stop control. πŸ”³ sometimes gets substituted because the shapes look similar, but it's not a media-control emoji and screen readers won't announce it that way.

◻️ White Medium Square

◻️ White Medium Square is a flat, filled white square with no background or 3D effect. πŸ”³ has depth, a darker surround and a button feel. ◻️ is good for bullet points; πŸ”³ is good for UI mockups.

What's the difference between πŸ”³ and πŸ”²?

πŸ”³ has a light border and a darker center, reading as "selected" or "filled". πŸ”² has a dark border and a lighter center, reading as "empty" or "unselected". They're designed as visual opposites. Pair them to show before/after, off/on, or unchecked/checked states.

Is πŸ”³ the stop button?

No. The dedicated media-control emoji is ⏹️ Stop Button (U+23F9). πŸ”³ is a generic UI-style button that happens to look similar on some platforms. If you need a stop-button meaning, use ⏹️ so screen readers announce it correctly.

Caption ideas

πŸ€”It's the inverse, not an error
πŸ”³ looks darker than πŸ”² because its name describes the white border, not the dark fill. The pair were designed as visual opposites on purpose, so they'd be immediately distinguishable on the tiny KDDI phone screens where they were born.
πŸ’‘Use πŸ”³ for the winning choice
The most common effective use of πŸ”³ is as the answer or selected option in a post that lists multiple πŸ”² options. Lead with a stack of πŸ”², end with a single πŸ”³ to show which one you picked. The visual contrast does the storytelling.
🎲Near the bottom of emoji frequency charts
Unicode's emoji frequency data places πŸ”³ among the least-used symbol emoji globally, far behind βœ…, ❌ and even its sibling πŸ”². It's a niche tool for a specific job.

Fun facts

  • β€’πŸ”³ was added to Unicode the same day as πŸ’©, πŸ”₯, and 672 other characters imported from Japanese mobile carriers on October 11, 2010.
  • β€’Despite its Unicode name, πŸ”³ has a dark fill on every major platform. Apple, Google, Microsoft, Samsung and WhatsApp all render it with a bright outline on a darker background.
  • β€’The emoji proposal PDF L2/09-026R includes a tiny reference image of πŸ”³ at 16Γ—16 pixels, the original KDDI dimension. You can still see the single-pixel border on that render.
  • β€’πŸ”³ is consistently ranked below πŸ”² in public emoji usage logs. Users type the "empty" button more often than the "filled" one, mirroring how most text lists start unselected.
  • β€’On Sony PlayStation's emoji keyboard, πŸ”³ is rendered as a literal pressed-in square button, matching the physical DualShock controller glyph in recessed form.
  • β€’Both πŸ”³ and πŸ”² have the Unicode property "Emoji_Component" set to false, meaning they can't be combined with ZWJ sequences to form compound emoji. They're standalone characters only.
  • β€’The pair appears in the CLDR annotation database with the keywords "geometric", "outlined", "square", and "button", the only emojis tagged with all four of those words at once.

In pop culture

  • β€’Sony PlayStation 13.1 renders πŸ”³ as a pressed-in square button, matching the DualShock glyph in its recessed form.
  • β€’Twitter's early emoji guidance (mid-2010s) listed πŸ”³ among the "symbol buttons" useful for pseudo-UI tweets, a small but persistent use case that survived into TikTok-era formats.
  • β€’The Unicode Emoji Subcommittee's accessibility review in the early 2020s cited πŸ”³ and πŸ”² as examples where Unicode names no longer match visual rendering, used to argue for clearer CLDR descriptions.

Trivia

Which codepoint belongs to πŸ”³?
Which carrier's emoji set did πŸ”³ originate on?
What is πŸ”³ most commonly used for in social posts?

Related Emojis

⬜️White Large Square◻️White Medium Square◽️White Medium-small Square▫️White Small SquareπŸ”²Black Square Button⏹️Stop Button❔️White Question Mark❕️White Exclamation Mark

More Symbols

◼️Black Medium Square◻️White Medium Squareβ—ΎBlack Medium-small Squareβ—½White Medium-small Squareβ–ͺ️Black Small Square▫️White Small SquareπŸ”ΆLarge Orange DiamondπŸ”·Large Blue DiamondπŸ”ΈSmall Orange DiamondπŸ”ΉSmall Blue DiamondπŸ”ΊRed Triangle Pointed UpπŸ”»Red Triangle Pointed DownπŸ’ Diamond With A DotπŸ”˜Radio ButtonπŸ”²Black Square Button

All Symbols emojis β†’

Share this emoji

2,000+ emojis deeply researched. One click to copy. No ads.

Open eeemoji β†’