Geometric Shapes Symbol Collection | Square · Circle · Triangle

Geometric shape symbols are among the most commonly used symbol categories in daily life, widely applied in list markers, chart design, user interfaces, academic typesetting, and ASCII art. This page features a total of 111 geometric shape symbols, divided into three main categories: Squares (including rectangles, blocks, boxes), Circles (including dots, diameter, radius), and Triangles (including solid, inverted, hollow). Each symbol includes its Unicode code point and HTML entity, supports one-click copy and PNG download, making it convenient for use in various scenarios.

◼️ Square Series Symbols

■ (Black Square) is called the black square or solid block. Its Unicode is U+25A0, and its HTML entity is ■. It is commonly used for list markers, checkbox fills, or solid areas in ASCII art. Its counterpart, the □ (White Square), has Unicode U+25A1 and HTML entity □, often used as an unchecked checkbox or a placeholder.

▪ (Black Small Square) is called the black small square. Its Unicode is U+25AA, and its HTML entity is ▪. It is smaller in size, often used for secondary list symbols. ▫ (White Small Square) has Unicode U+25AB and HTML entity ▫.

▬ (Black Rectangle) is called the black rectangle or horizontal rectangle. Its Unicode is U+25AC, and its HTML entity is ▬. It appears as a horizontal rectangle, often used for separators or progress bars. ▭ (White Rectangle) has Unicode U+25AD and HTML entity ▭. ▮ (Black Vertical Rectangle) has Unicode U+25AE and HTML entity ▮, suitable for vertical progress indicators. ▯ (White Vertical Rectangle) has Unicode U+25AF and HTML entity ▯.

█ (Full Block) is called the full block or solid block. Its Unicode is U+2588, and its HTML entity is █. It is the most solid among block elements, often used for large area fills in ASCII art or terminal progress bars. Symbols ▉ (Left Seven Eighths Block) (U+2589) through ▏ (Left One Eighth Block) (U+258F) are decreasing left-filled blocks. ▌ (Left Half Block) (U+258C) and ▐ (Right Half Block) (U+2590) are half-block fill symbols.

◆ (Black Diamond) is called the black diamond symbol. Its Unicode is U+25C6, and its HTML entity is ◆. It is used for list markers or emphasis. ◇ (White Diamond) has Unicode U+25C7 and HTML entity ◇. ◊ (Lozenge) has Unicode U+25CA and HTML entity ◊, often used in mathematics to denote a diamond shape.

▣ (White Square Containing Black Small Square) is called the nested square symbol. Its Unicode is U+25A3, and its HTML entity is ▣. It is often used to indicate hierarchy or nested structures. Symbols ▤ (Square with Horizontal Fill) (U+25A4) through ▩ (Square with Diagonal Crosshatch Fill) (U+25A9) can represent different fill levels or material textures.

▖ (Quadrant Lower Right) (U+2596), ▗ (Quadrant Lower Left) (U+2597), ▘ (Quadrant Upper Left) (U+2598), and ▝ (Quadrant Upper Right) (U+259D) are quarter blocks for four directions. Symbols ▙ through ▟ are various combinations of filled squares, useful for creating complex pixel patterns.

● Circle Series Symbols

● (Black Circle) is called the black circle or solid dot. Its Unicode is U+25CF, and its HTML entity is ●. It is one of the most commonly used dot symbols, widely applied in list markers, nodes in flowcharts, or for emphasis. ○ (White Circle) has Unicode U+25CB and HTML entity ○, often used as an unselected radio button or a placeholder circle.

⬤ (Black Large Circle) is called the black large circle. Its Unicode is U+2B24, and its HTML entity is ⬤. It is larger and visually prominent, suitable for important marks or decorations before titles. ⚫ (Medium Black Circle) has Unicode U+26AB and HTML entity ⚫. ⚪ (Medium White Circle) has Unicode U+26AA and HTML entity ⚪.

• (Bullet) is called the bullet point. Its Unicode is U+2022, and its HTML entities are • or •. It is the most common list marker symbol. ◦ (White Bullet) has Unicode U+25E6 and HTML entity ◦, often used for secondary lists. ⚬ (Middle Dot) has Unicode U+26AC and HTML entity ⚬, a small centered dot.

⌀ (Diameter Sign) is called the diameter symbol. Its Unicode is U+2300, and its HTML entity is ⌀. It is used in engineering drawings and mathematics to denote the diameter of a circle. ∅ (Empty Set) has Unicode U+2205 and HTML entity ∅, representing the empty set; its shape is similar but distinct from the diameter sign. Ø (Slashed O) (U+00D8) is a Latin letter, common in Nordic languages, also borrowed for use as a diameter symbol.

⊙ (Circle with Dot) is called the circled dot or odot. Its Unicode is U+2299, and its HTML entity is ⊙. In mathematics, it often denotes the tensor product or a point operation inside a circle. ◎ (Bullseye) has Unicode U+25CE and HTML entity ◎, shaped like a target, often used to indicate a center point or selected state. ◉ (Fisheye) has Unicode U+25C9 and HTML entity ◉.

◐ (Circle with Left Half Black) (U+25D0), ◑ (Circle with Right Half Black) (U+25D1), ◒ (Circle with Top Half Black) (U+25D2), and ◓ (Circle with Bottom Half Black) (U+25D3) are half-black, half-white circles, useful for representing half progress or the concept of yin and yang. ◔ (Circle with Upper Right Quadrant Black) (U+25D4) and ◕ (Circle with Upper Left Quadrant Black) (U+25D5) are quarter-filled circles.

◯ (Large Circle) has Unicode U+25EF and HTML entity ◯. It is larger than the ordinary white circle, often used to represent an area or range. ◌ (Dotted Circle) (U+25CC) is a circle formed by dots. ◍ (Vertical Half Circle) (U+25CD) is a vertically oriented half circle. ◘ (Inverse Bullet / Open Circle) (U+25D8) and ◙ (Inverse White Circle / Open Circle) (U+25D9) are ring symbols with an opening.

▲ Triangle Series Symbols

▲ (Black Up-Pointing Triangle) is called the black up-pointing triangle symbol. Its Unicode is U+25B2, and its HTML entity is ▲. It is often used to represent up, increase, ascending sort order, or a play/pause up indicator. △ (White Up-Pointing Triangle) has Unicode U+25B3 and HTML entity △. In mathematics, it denotes a triangle or the Delta (uppercase) change operator.

▼ (Black Down-Pointing Triangle) is called the black down-pointing triangle or inverted triangle. Its Unicode is U+25BC, and its HTML entity is ▼. It often represents down, decrease, descending sort order, or a dropdown menu expansion button. ▽ (White Down-Pointing Triangle) has Unicode U+25BD and HTML entity ▽, commonly used in mathematics for the gradient operator (Nabla).

▶ (Black Right-Pointing Triangle) is called the black right-pointing triangle. Its Unicode is U+25B6, and its HTML entity is ▶. It is the classic play button symbol in media players and also represents right or forward. ▷ (White Right-Pointing Triangle) has Unicode U+25B7 and HTML entity ▷. ◀ (Black Left-Pointing Triangle) has Unicode U+25C0 and HTML entity ◀, representing left, back, or rewind.

► (Black Right-Pointing Pointer / Double Triangle) has Unicode U+25BA and HTML entity ►. It is often used for fast forward or next track. ◄ (Black Left-Pointing Pointer / Double Triangle) has Unicode U+25C4 and HTML entity ◄, representing rewind or previous track.

▴ (Small Black Up-Pointing Triangle) (U+25B4), ▵ (Small White Up-Pointing Triangle) (U+25B5), ▾ (Small Black Down-Pointing Triangle) (U+25BE), ▿ (Small White Down-Pointing Triangle) (U+25BF), ▸ (Small Black Right-Pointing Triangle) (U+25B8), ▹ (Small White Right-Pointing Triangle) (U+25B9), ◂ (Small Black Left-Pointing Triangle) (U+25C2), and ◃ (Small White Left-Pointing Triangle) (U+25C3) are smaller variants of triangles, suitable for space-constrained interfaces.

◢ (Black Lower Right Triangle) (U+25E2), ◣ (Black Lower Left Triangle) (U+25E3), ◤ (Black Upper Left Triangle) (U+25E4), and ◥ (Black Upper Right Triangle) (U+25E5) are right-angled corner blocks. They are often used for making dialog box corners, pointers, or direction indicators.

◬ (White Up-Pointing Triangle with Dot) (U+25EC), ◭ (Up-Pointing Triangle with Left Half Black) (U+25ED), and ◮ (Down-Pointing Triangle with Right Half Black) (U+25EE) are triangle variants with special marks. ⊿ (Right Triangle) has Unicode U+22BF and HTML entity ⊿, specifically denoting a right triangle.

Input methods for △ (Triangle): On Windows, you can use Alt+9651; on macOS, search for "triangle" in the Character Viewer; use the HTML entity △. The inverted triangle (▼) can be input via Alt+9660. In LaTeX, use \triangle for an up-pointing triangle and \triangledown for a down-pointing one; for black triangles, load the `amssymb` package and use \blacktriangle, \blacktriangledown, etc.

💡 Use Cases and Tips

Geometric shape symbols have a wide range of use cases: 1) Front-end development uses squares (■) as image-free list markers, triangles (▼) for dropdown menu arrows, and circles (●) for status indicators. 2) Terminal tools often use block elements (█▇▆▅▄) to build progress bars, like the download progress display in npm, pip, and other command-line tools. 3) Data visualization uses different geometric shapes to distinguish data categories in scatter plots. 4) LaTeX academic typesetting uses \square as the QED proof end marker, \triangle for triangles, and \circ for the degree symbol. 5) ASCII/Unicode Art combines squares and half-blocks to create complex patterns.

Compatibility advice: Some older browsers or terminals may not display high-code-point symbols (e.g., the black large circle above U+2B24). Please verify the target environment's support. In HTML, using numeric entities (e.g., ■) is recommended over named entities for better cross-platform compatibility. When copying SVG source or downloading PNGs, the generated graphic depends on the system font. For best results, use fonts like "Segoe UI Symbol" or "Noto Sans CJK". For alignment in monospaced environments (e.g., terminal progress bars), use a monospace font together with block elements.