White Rectangle
U+25AD▭Symbol · decimal ▭
Rectangle Symbols Copy & Paste
Copy 99 rectangle symbols by direction, weight and shaft style. Encoded largely within Geometric Shapes. 97 render as text and 2 as emoji.
Copy rectangle symbols
99 characters and sequences. Choose an entry and it copies straight away.
No match found among these entries.
01
Rectangle Symbols with Unicode names and HTML codes
A sample of 12 entries from the 99 on this page. Where two entries look the same, the name settles it. The HTML references beside each name reproduce the code-point sequence character for character.
Square With Upper Left To Lower Right Fill
U+25A7▧Symbol · decimal ▧
Upper Half Block
U+2580▀Symbol · decimal ▀
Left Three Quarters Block
U+258A▊Symbol · decimal ▊
Light Shade
U+2591░Symbol · decimal ░
Trigram For Wind
U+2634☴Symbol · decimal ☴
Square With Lower Right Diagonal Half Black
U+25EA◪Symbol · decimal ◪
Light Vertical Bar
U+2758❘Symbol · decimal ❘
Clear Screen Symbol
U+239A⎚Symbol · decimal ⎚
Quadrant Upper Left And Upper Right And Lower Right
U+259C▜Symbol · decimal ▜
Lower Left Quadrant Circular Arc
U+25DF◟Symbol · decimal ◟
X In A Rectangle Box
U+2327⌧Symbol · decimal ⌧
02
Rectangle Symbols: types, meanings and practical differences
Rectangles and bars are handy for progress indicators, layout sketches and geometric decoration.
Direction and structure. Use them for movement, steps and layout. That amounts to 99 copyable values here — 99 of them one character long, 0 longer.
Names such as White Rectangle, Square With Upper Left To Lower Right Fill, Upper Half Block, Left Three Quarters Block appear here, and counting every entry puts White Square With (6), Quadrant Upper Left (5), White Circle With (4) at the top. Single-character values span U+220E to U+3013.
Browse rectangle symbols by type
Symbol
97 entries
Emoji or pictograph
2 entries
The shape of this collection
Where rectangle symbols sit in the code space
Single-character entries cover U+220E to U+3013, breaking down by general category as symbol 99.
Name patterns that repeat
Counted across the stored entries, the commonest name patterns are White Square With (6), Quadrant Upper Left (5), White Circle With (4).
How the multi-part entries are built
0 entries span more than one code point: 0 with a zero-width joiner, 0 with a variation selector, the longest running to 1 code points.
Picking the right rectangle symbol
Two look almost the same: Square With Upper Left To Lower Right Fill and Square With Lower Right Diagonal Half Black. They are different characters: U+25A7 and U+25EA. Start with symbol.
It is the biggest group, with 97. Emoji or pictograph is the specialist choice, with just 2. Want colour?
Pick one of the 2 emoji. Want it to match your text? Pick one of the 97 plain ones.
Test the result in the real app before you use it.
The grouping here follows practical use, not Unicode's formal categories.
97Symbol
Standalone marks that follow your font. 98% here.
2Emoji or pictograph
Colour artwork, supplied by the platform. 2% here.
03
Rectangle Symbols explained in plain English
Short summary
Pick from 99 rectangle symbols on this page. Most of them, 97 in all, are symbol. They come mostly from one part of Unicode: Geometric Shapes. 97 are plain text. The other 2 are emoji, so your phone or computer draws them in colour.
How the 2 groups divide
They split into symbol and emoji or pictograph. Symbol leads with 97.
Which blocks they come from
They come from Geometric Shapes (41), Block Elements (32) and Miscellaneous Symbols (10). They span U+220E to U+3013, so no one font covers them all.
Two that look alike
Square With Upper Left To Lower Right Fill and Square With Lower Right Diagonal Half Black look alike. They are not the same character.
Names repeat in families
“White Square With” opens 6 names here. Read past it.
Words that describe rectangle symbols
The vocabulary below comes from the formal names and groupings of these rectangle symbols.
- Symbol
- Emoji or pictograph
- Rectangle
- Bar
- Block
- Geometric
- Square
- Upper
- Left
- Lower
- Right
- Fill
The main types compared
| Type | Examples | Good for | Watch for |
|---|---|---|---|
| Symbol | ▭ ▯ ▬ | Navigation and directional notes | Treating White Rectangle and Square With Upper Left To Lower Right Fill as the same character |
| Emoji or pictograph | ▫ ▪ | Flow diagrams and process steps | Expecting one rule to cover all 99 entries |
Rectangles differ by orientation, fill and proportion
Bars and rectangular blocks can suggest progress, media controls or layout structure. Aspect ratio alone does not define an action.
| Forms | Visual role | Implementation advice |
|---|---|---|
| ▭ ▯ | Horizontal and vertical outline rectangles | Useful as diagram keys when orientation is explained. |
| ▬ ▮ | Solid horizontal and vertical bars | Do not treat them as pause or stop controls without a label. |
| ▰ ▱ | Filled and outline parallelogram-like blocks | Font design changes angle and weight. |
| ▥ ▤ ▦ | Striped rectangular textures | Pair pattern with a text legend for charts and status. |
Practical note: Use CSS for responsive progress bars and layout. Copyable rectangles work best in plain-text legends, diagrams and decorative sequences.
Where to go next
Compare these choices with square symbols and line symbols. For a deeper explanation, read Arrow Symbols: A Practical Direction and Navigation Guide. For a quick answer first, see how do i find the official name of a symbol?.
Tip: Keep the plain words next to the symbol. Text is what makes a design searchable and readable to someone using a screen reader.
04
How to use rectangle symbols
Copying stores text, so the value survives the clipboard intact. Paste it with Ctrl V, ⌘ V or your device's Paste command.
01
Navigation and directional notes
Start with White Rectangle. It works nearly everywhere.
02
Flow diagrams and process steps
Symbol suits flow diagrams and process steps. Pick one whose stroke weight matches the text around it.
03
Legends, swatches and text layouts
When creating legends, swatches and text layouts, paste the complete entry — all of these are single code points, so a partial copy is not a risk here.
Copy-ready rectangle symbols examples for navigation and directional notes
Navigation and directional notes
▭ Rectangle referenceFlow diagrams and process steps
▭ ▯ ▬Legends, swatches and text layouts
▬ rectangle ▭05
How to type these rectangle symbols directly
Every character here has a numeric identity, and that number is what the keyboard methods use: decimal on a Windows keypad, hexadecimal in Word and on macOS.
| Character | Name | Windows | Hex | HTML |
|---|---|---|---|---|
| ▭ | White Rectangle | Alt 9645 | 25AD | ▭ |
| ▧ | Square With Upper Left To Lower Right Fill | Alt 9639 | 25A7 | ▧ |
| ▀ | Upper Half Block | Alt 9600 | 2580 | ▀ |
| ▊ | Left Three Quarters Block | Alt 9610 | 258A | ▊ |
| ░ | Light Shade | Alt 9617 | 2591 | ░ |
| ☴ | Trigram For Wind | Alt 9780 | 2634 | ☴ |
Two limits apply to alt codes: a physical keypad, and a ceiling at U+FFFF. The complete keyboard guide covers every platform method in full.
06
How rectangle symbols render across fonts, apps and devices
Geometric Shapes is the main home for these, with 49% of the set. The rest come from Block Elements and Miscellaneous Symbols. 97 act like letters.
They take the colour of the text around them. The other 2 are emoji, so the system picks their colour, not you.
A pasted entry is redrawn by the receiving application's font. Expect small differences in width and weight across devices, and larger ones where a font lacks the character entirely.
99Single characters
0Sequences
2Emoji properties
07
Common mistakes with rectangle symbols
- 1
Treating White Rectangle and Square With Upper Left To Lower Right Fill as the same character.
- 2
Expecting one rule to cover all 99 entries.
- 3
Treating these rectangle symbols as interchangeable with the visually similar characters in square symbols.
- 4
Reaching for one of the 2 emoji entries where a text mark was needed, so the colour artwork clashes with the surrounding type.
08
Rectangle Symbols questions and answers
What is the difference between Square With Upper Left To Lower Right Fill and Square With Lower Right Diagonal Half Black?+
U+25A7 is Square With Upper Left To Lower Right Fill; U+25EA is Square With Lower Right Diagonal Half Black. Because the encoded identity differs, substituting one for the other can change what a reader or a piece of software understands.
What is the HTML code for white rectangle?+
Write ▭ (hex) or ▭ (decimal) to get ▭. Numeric references sidestep encoding problems in older toolchains.
Which rectangle symbols work as plain text rather than emoji?+
97 of the 99 are ordinary text characters. They take the colour and weight of the surrounding font, which suits documents, code and interface labels. The other 2 are emoji and arrive as colour artwork you cannot restyle.
Which Unicode block are these rectangle symbols in?+
Geometric Shapes holds most of them — 41 characters; the rest come from Block Elements and Miscellaneous Symbols. Coverage tends to follow the block: long-established ones render nearly everywhere, recent additions do not.
Which rectangle symbol should I choose?+
Two look almost the same: <b>Square With Upper Left To Lower Right Fill</b> and <b>Square With Lower Right Diagonal Half Black</b>. They are different characters: U+25A7 and U+25EA. Start with <b>symbol</b>. It is the biggest group, with <b>97</b>. Emoji or pictograph is the specialist choice, with just <b>2</b>. Want colour? Pick one of the <b>2</b> emoji. Want it to match your text? Pick one of the <b>97</b> plain ones. Test the result in the real app before you use it.
How many rectangle symbols are on this page?+
99: 99 single Unicode characters and 0 multi-code-point sequences, of which 2 carry emoji properties. They divide into 2 groups, the largest being symbol with 97 entries.
09
Learn more about rectangle symbols
Tools that pair with rectangle symbols
Directional and geometric characters are commonly built into interface text, where animation frames and a check for hidden characters both matter.
Loading Animation PreviewPreview text-only loading frames, pause the motion and copy the sequence that fits your interface.Open the animation preview →Invisible Character InspectorReveal zero-width spaces, joiners and direction marks without changing the text you paste into the inspector.Open the text inspector →
Composing a finished design from these is what the Symbol Maker is for. Every tool on this site runs locally and is listed in the Unicode tools hub.
10
Sources for these figures
All counts derive from the 99 values actually stored for this collection. Rather than curating names by hand, this page reads them from the Unicode 17.0 database, and takes emoji membership from the standard's own data files.
- Unicode Character Database — UnicodeData.txt (formal names and general categories)
- Unicode emoji-test.txt (fully-qualified emoji sequences and grouping)
- The Unicode Standard, current version
- How CoolSymbol.now sources, counts and tests this data