HTML Entity for South East Arrow To Corner (⇲)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+21F2

What You'll Learn

How to display the South East Arrow To Corner (⇲) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21F2 (SOUTH EAST ARROW TO CORNER) in the Arrows block (U+2190–U+21FF)—a directional arrow pointing toward the south-east corner.

Render it with ⇲, ⇲, or CSS \21F2. There is no named HTML entity. Related simple arrow: South East Arrow (↘, ↘).

⚡ Quick Reference — SE Arrow To Corner

Unicode U+21F2

Arrows block

Hex Code ⇲

Hexadecimal reference

HTML Code ⇲

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+21F2
Hex code       ⇲
HTML code      ⇲
Named entity   (none)
CSS code       \21F2
Direction      South-east corner
Related        U+2198 = south east arrow (↘, ↘)
Block          Arrows (U+2190–U+21FF)
1

Complete HTML Example

A simple example showing ⇲ using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\21F2";
  }
 </style>
</head>
<body>
<p>Corner arrow (hex): &#x21F2;</p>
<p>Corner arrow (decimal): &#8690;</p>
<p id="point">Corner arrow (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The South East Arrow To Corner (⇲) is supported in all modern browsers when fonts include Arrows characters:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the corner arrow in navigation and UI contexts:

Single symbol
Navigation Jump to bottom-right ⇲
UI button Expand panel ⇲
Compare arrows Simple ↘  |  To corner ⇲
Numeric refs &#x21F2; &#8690; \21F2

🧠 How It Works

1

Hexadecimal Code

&#x21F2; uses Unicode hexadecimal 21F2 to display ⇲ in HTML markup.

HTML markup
2

Decimal HTML Code

&#8690; uses decimal Unicode value 8690 for the same character.

HTML markup
3

CSS Entity

\21F2 is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Corner arrow result

All three methods produce . Unicode U+21F2 in the Arrows block. No named entity.

Use Cases

The South East Arrow To Corner (⇲) commonly appears in:

🗼 Navigation

Maps and guides pointing users toward the south-east corner.

📱 UI elements

Buttons for expand, dock, or move-to-corner actions.

📊 Flowcharts

Diagrams showing flow toward a corner or exit point.

📄 Documentation

Technical docs with corner-direction notation.

🎨 Web design

Layouts with scroll or jump-to-section corner cues.

🛠 Dashboards

Panels and widgets with corner-position indicators.

💡 Best Practices

Do

  • Use &#x21F2; or &#8690; in HTML (no named entity)
  • Add aria-label when the symbol is the only control label
  • Pair ⇲ with descriptive text for corner navigation
  • Pick hex or decimal consistently across your project
  • Test rendering across browsers and font stacks

Don’t

  • Expect a named HTML entity for U+21F2
  • Use padded Unicode notation like U+021F2—the correct value is U+21F2
  • Put CSS escape \21F2 in HTML text nodes
  • Confuse ⇲ with the simple south-east arrow ↘ (&searr;)
  • Rely on the glyph alone without context for accessibility

Key Takeaways

1

Three ways to render U+21F2 in HTML and CSS

&#x21F2; &#8690;
2

For CSS stylesheets, use \21F2 in the content property

3

Unicode U+21F2 — SOUTH EAST ARROW TO CORNER (⇲)

4

No named entity—distinct from ↘ (&searr;, U+2198)

❓ Frequently Asked Questions

Use &#x21F2; (hex), &#8690; (decimal), or \21F2 in CSS content. There is no named HTML entity. All three render ⇲.
U+21F2 (SOUTH EAST ARROW TO CORNER). Arrows block (U+2190–U+21FF). Hex 21F2, decimal 8690.
For directional indicators, navigation icons, UI elements, flowcharts, diagrams, and technical documentation that need an arrow pointing to the south-east corner.
No. Use numeric hex or decimal references in HTML, or \21F2 in CSS content.
HTML references (&#8690; or &#x21F2;) go in markup. The CSS escape \21F2 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful