Square Symbols Collection | Block·Box·Rectangle·Diamond
Click on any symbol to get Unicode, HTML entity, and SVG source code. Featuring 98 square series symbols, including solid squares, hollow boxes, box-drawing characters, double-line boxes, colored squares, rectangles, diamonds, block elements, and quarter blocks for layout design and ASCII art needs.
◼️ About Square Symbols
Complete collection of 98 square series symbols, covering basic squares, box-drawing characters, double-line boxes, colored squares, rectangles, diamonds, block elements, quarter blocks, and shaded squares
Square symbols are among the most fundamental and commonly used geometric symbols, widely applied in list markers, table creation, progress bars, ASCII art, and user interface design. This page features 98 symbols in the square series, categorized into basic squares, box-drawing characters, double-line boxes, colored squares, rectangles, diamonds, block elements, quarter blocks, shaded squares. Each symbol includes Unicode, HTML entity, supports one-click copy and PNG download for use in various scenarios.
◼️ Basic Square Symbols
■ (Black Square) Called black square or solid square, Unicode is U+25A0, HTML entity is ■. It's the most basic square symbol, commonly used for list markers, checkbox filling, or solid areas in ASCII art. Its counterpart □ (White Square) Unicode is U+25A1, HTML entity □, often used as an unchecked checkbox or placeholder.▪ (Black Small Square) U+25AA, ▫ (White Small Square) U+25AB, are smaller-sized squares.
⬛ (Black Large Square) Unicode is U+2B1B, HTML entity ⬛, larger black square.⬜ (White Large Square) Unicode is U+2B1C, HTML entity ⬜.◻️ (White Medium Square) U+25FB, ◼️ (Black Medium Square) U+25FC, ◽ (White Medium Small Square) U+25FD, ◾ (Black Medium Small Square) U+25FE, providing a complete size gradient sequence.
🟥 (Red Square) U+1F7E5, 🟧 (Orange Square) U+1F7E7, 🟨 (Yellow Square) U+1F7E8, 🟩 (Green Square) U+1F7E9, 🟦 (Blue Square) U+1F7E6, 🟪 (Purple Square) U+1F7EA, 🟫 (Brown Square) U+1F7EB, these are colored square symbols, commonly used for color block identification in data visualization and UI design.🔲 (Black Square Button) U+1F532, 🔳 (White Square Button) U+1F533, are square button symbols with rounded corners.
┌ Box-Drawing Characters
Box-drawing characters are used to draw table borders and ASCII art, serving as core tools for command-line interfaces and plain-text tables.─ (Horizontal Line) U+2500, │ (Vertical Line) U+2502, are basic line elements.┌ (Top Left Corner) U+250C, ┐ (Top Right Corner) U+2510, └ (Bottom Left Corner) U+2514, ┘ (Bottom Right Corner) U+2518, are the four corners of a box.
├ (Left T Shape) U+251C, ┤ (Right T Shape) U+2524, ┬ (Top T Shape) U+252C, ┴ (Bottom T Shape) U+2534, ┼ (Cross Shape) U+253C, are internal table connectors.╭ (Top Left Rounded Corner Double Line) U+256D, ╮ (Top Right Rounded Corner Double Line) U+256E, ╯ (Bottom Right Rounded Corner Double Line) U+256F, ╰ (Bottom Left Rounded Corner Double Line) U+2570, are rounded corner variants.
═ Double-Line Box Symbols
═ (Double Horizontal Line) U+2550, ║ (Double Vertical Line) U+2551, are double-line basic elements.╔ (Double Line Top Left Corner) U+2554, ╗ (Double Line Top Right Corner) U+2557, ╚ (Double Line Bottom Left Corner) U+255A, ╝ (Double Line Bottom Right Corner) U+255D, are the four corners of a double-line box.╠ (Double Line Left T Shape) U+2560, ╣ (Double Line Right T Shape) U+2563, ╦ (Double Line Top T Shape) U+2566, ╩ (Double Line Bottom T Shape) U+2569, ╬ (Double Line Cross Shape) U+256C, are double-line internal table connectors.
▬ Rectangle Symbols
▬ (Black Rectangle) Called black rectangle or horizontal rectangle symbol, Unicode is U+25AC, HTML entity ▬, horizontally oriented, often used as a separator or progress bar.▭ (White Rectangle) Unicode is U+25AD, HTML entity ▭, a white rectangle symbol.▮ (Black Vertical Rectangle) Unicode is U+25AE, HTML entity ▮, vertically oriented.▯ (White Vertical Rectangle) Unicode is U+25AF.▰ (White Parallelogram) U+25B0, ▱ (Black Parallelogram) U+25B1, are tilted parallelogram symbols.
◆ Diamond Symbols
◆ (Black Diamond) U+25C6, ◇ (White Diamond) U+25C7, ◈ (Diamond with Dot) U+25C8, ◊ (Diamond) U+25CA, ⬟ (Black Medium Diamond) U+2B1F, ⬠ (White Medium Diamond) U+2B20, ⬡ (Half Black Diamond) U+2B21.
█ Block Elements
█ (Full Block) U+2588, ▉ ▊ ▋ ▌ ▍ ▎ ▏ are decreasing left-filled blocks, ▐ (Right Half Block) U+2590, ▀ (Upper Half Block) U+2580, ▄ (Lower Half Block) U+2584, ▁▂▃▅▆▇ are decreasing bottom-filled blocks, can be combined to create detailed progress bar effects.
◧ Quarter Blocks and Combination Squares
▖ ▗ ▘ ▝ are quarter blocks in four directions.▙ ▚ ▛ ▜ ▞ ▟ are various combination-filled squares.◧ ◨ ◩ ◪ ◫ are half-black half-white square symbols, often used to indicate toggle states or proportional relationships.
▤ Shaded Squares
▤ (Horizontal Shade) U+25A4, ▥ (Vertical Shade) U+25A5, ▦ (Cross Shade) U+25A6, ▧ (Diagonal Shade) U+25A7, ▨ (Vertical Cross Shade) U+25A8, ▩ (Diagonal Cross Shade) U+25A9.
💡 Usage Scenarios and Input Methods
Common usage scenarios for square symbols: 1) Frontend development, ■ and □ are often used as custom checkboxes, ┌┐└┘ for drawing table borders. 2) Terminal tools, █▇▆▅▄▃▂▁ combinations display download progress bars. 3) Command-line interfaces, box-drawing characters create menus and tables. 4) Data visualization, colored squares 🟥🟩🟦 represent categorical data.
Input methods: Windows users can use Alt key plus number code input, e.g., ■ press Alt+9632, □ press Alt+9633. macOS can search via Character Viewer. In HTML, numeric entities are recommended for cross-platform compatibility.
❓ Frequently Asked Questions · Square Symbol Input and Meaning
Quickly master input methods for blocks, boxes, rectangles, diamonds, and other square series symbols
■. ┌, ┐, └, ┘. 🌥, etc. ⬛; Unicode: U+2B1B, larger size than ■. ◆ (black) or ◇ (white).█; commonly used for terminal progress bar filling.▬; commonly used as a separator.