HTML Entity for Long Right Squiggle Arrow (⟿)
What You'll Learn
How to display the Long Right Squiggle Arrow (⟿) symbol in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+27FF (LONG RIGHTWARDS SQUIGGLE ARROW) in the Supplemental Arrows-C block.
Render it with ⟿, ⟿, ⟿, or CSS escape \27FF. It has a wave-like (squiggle) shape and is used for non-linear rightward direction, creative design, and distinctive flow in diagrams. For the shorter Arrows-block squiggle, see Left Squiggle Arrow (⇜) as a related squiggle-style reference.
⚡ Quick Reference — Long Right Squiggle Arrow
U+27FFSupplemental Arrows-C
⟿Hexadecimal reference
⟿Decimal reference
⟿Most readable option
Name Value
──────────── ──────────
Unicode U+27FF
Hex code ⟿
HTML code ⟿
Named entity ⟿
CSS code \27FF
Meaning Long rightwards squiggle arrow
Related U+27F6 = ⟶ (long right arrow)
Block Supplemental Arrows-CComplete HTML Example
A simple example showing the Long Right Squiggle Arrow (⟿) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27FF";
}
</style>
</head>
<body>
<p>Symbol (hex): ⟿</p>
<p>Symbol (decimal): ⟿</p>
<p>Symbol (named): ⟿</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Long Right Squiggle Arrow (⟿) is supported in modern browsers when the font includes Supplemental Arrows glyphs:
👀 Live Preview
See the Long Right Squiggle Arrow (⟿) in diagram and UI contexts:
🧠 How It Works
Hexadecimal Code
⟿ uses the Unicode hexadecimal value 27FF to display the long squiggle arrow.
Decimal HTML Code
⟿ uses the decimal Unicode value 10239 to display the same character.
Named Entity
⟿ is the semantic named entity for ⟿—readable in source HTML and part of the HTML5 character set.
CSS Entity
\27FF is used in CSS stylesheets, particularly in the content property of pseudo-elements.
Same visual result
All four methods produce the glyph: ⟿. Unicode U+27FF is in Supplemental Arrows-C. Previous: Long Right Double Arrow From Bar.
Use Cases
The Long Right Squiggle Arrow (⟿) is commonly used in:
Distinctive rightward flow with a wave-like squiggle path.
Non-linear or approximate rightward direction in diagrams.
Indicate approximate mapping or indirect rightward relation.
Playful or stylized “next” indicator with squiggle styling.
Long squiggle arrow variant in specialized notation.
Explain squiggle or wavy arrow variants in tutorials.
💡 Best Practices
Do
- Use
⟿for readable source markup - Clarify when the squiggle denotes approximate or non-linear flow
- Choose ⟿ when you need a longer squiggle stroke than Arrows-block variants
- Pair arrows with text labels for accessibility
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⟿ with ⟶ (Long Right Arrow) or ⟹ (Long Right Double Arrow)
- Put CSS escape
\27FFin HTML text nodes - Rely on the squiggle glyph alone for screen reader users
- Assume every font renders supplemental squiggle arrows identically—test on mobile
- Use squiggle and straight arrows interchangeably when precision matters
Key Takeaways
Four HTML/CSS references all render ⟿
⟿ ⟿ ⟿For CSS stylesheets, use the escape in the content property
\27FFUnicode U+27FF — LONG RIGHTWARDS SQUIGGLE ARROW
Prefer ⟿ for readability in HTML source
Previous: Long Right Double Arrow From Bar Next: Long S
❓ Frequently Asked Questions
⟿ (hex), ⟿ (decimal), ⟿ (named), or \27FF in CSS content. All produce ⟿.U+27FF (LONG RIGHTWARDS SQUIGGLE ARROW). Supplemental Arrows-C block. Hex 27FF, decimal 10239. Named entity: ⟿.⟿ is the named HTML entity for ⟿. It is part of the HTML5 named character set and the most readable option in source markup.⟶) is the long straight rightwards arrow. ⟹ (⟹) is the long rightwards double arrow. ⟿ (⟿) is the long rightwards squiggle arrow with a wave-like path.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful