HTML Entity for Up Quadruple Arrow (⟰)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27F0

What Is the Up Quadruple Arrow Entity?

Up Quadruple Arrow (⟰) is the Supplemental Arrows-A character at Unicode U+27F0 (UPWARDS QUADRUPLE ARROW). There is no named HTML entity. Use hex or decimal codes for strong scroll-to-top and jump-up cues.

Remember
Character     ⟰
Unicode       U+27F0
Named entity  (none)
Hex entity    ⟰
Decimal       ⟰
CSS escape    \27F0
Not the same  ⇈ (⇈) · ↑ (↑) · ⇑ (⇑)

Hex, decimal, CSS, and a typed character all produce the same glyph: ⟰. Prefer ⟰ in HTML markup. For up paired arrows see ⇈; for a single up arrow see ↑.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity⟰HTML markup (best default)
Decimal entity⟰HTML markup
CSS escape\27F0Stylesheet content
Direct character⟰UTF-8 HTML text
Named entityNoneUse hex or decimal instead

When to Use Which

SituationUse
Strong scroll-to-top / jump up⟰ or ⟰
Numeric-only markup⟰ or ⟰
Generated text via ::before / ::aftercontent: "\27F0"
Two up arrows side by sideUse ⇈ (U+21C8)
Single up arrowUse ↑ (U+2191)

Live Preview

Quadruple up arrow in UI context, compared with paired and single forms.

Scroll cue Scroll to top ⟰
Large glyph ⟰
Hex entity ⟰ → ⟰
vs look-alikes ⟰  |  ⇈  |  ↑  |  ⇑
With entities Hex: ⟰ | Decimal: ⟰

Complete HTML Example

One page that shows Up Quadruple Arrow with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ⟰ in HTML and CSS (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Quadruple Arrow (⟰)</title>
  <style>
    #point::after {
      content: "\27F0";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x27F0;</p>
  <p>Built with Decimal: &#10224;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⟰</p>
  <p>Scroll to top &#x27F0;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x27F0; inserts Unicode U+27F0 → ⟰. Prefer this when there is no named entity.

2. Decimal: same code point as 10224 → &#10224;. Same visual as hex.

3. CSS: use \27F0 in content (not an HTML entity). #point::after appends ⟰.

4. Typed: paste ⟰ in a UTF-8 document, or write Scroll to top &#x27F0;.

Pitfalls & Tips

Common mistakes when working with Up Quadruple Arrow.

Named

No named entity

Do not invent names like &uquadarr;. Use &#x27F0; or &#10224; only.

Look-alikes

⟰ ≠ ⇈ ≠ ↑

Quadruple is &#x27F0;. Paired is &uuarr;. Single is &uarr;. Match the glyph to your meaning.

A11y

Add context

A lone ⟰ may be unclear. Pair it with wording such as “scroll to top” or an accessible name on the control.

Fonts

Glyph coverage

Supplemental Arrows-A coverage varies. Prefer fonts with good arrow support and test on mobile.

CSS vs HTML

Do not mix escapes

\27F0 belongs in CSS. &#x27F0; / &#10224; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x27F0;, not &#x27F0.

Browser Support

Up Quadruple Arrow (U+27F0) and its entity forms (&#x27F0;, &#10224;, CSS \\27F0) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Up Quadruple Arrow (&#x27F0;)

Encode with hex, decimal, or CSS escape — or type ⟰ directly in UTF-8 HTML. Prefer &#x27F0;. No named entity exists.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+27F0 Full support

Bottom line: Prefer &#x27F0; for readable HTML. Use \\27F0 only inside CSS content. Do not confuse with &uuarr; or &uarr;.

Key Takeaways

  • Unicode: this symbol is U+27F0 (decimal 10224) — upwards quadruple arrow.
  • HTML: use &#x27F0; or &#10224; — there is no named entity.
  • CSS: use \27F0 inside content for generated scroll-to-top markers.
  • Watch out: not the same as &uuarr; (⇈) or &uarr; (↑).

One line: U+27F0 → &#x27F0; / &#10224; / CSS \27F0 (no named entity).

Frequently Asked Questions

Use &#x27F0; (hex), &#10224; (decimal), or the CSS escape \27F0 in the content property. All render ⟰. Prefer &#x27F0; for readable markup. There is no named HTML entity.
U+27F0 (UPWARDS QUADRUPLE ARROW). Hex 27F0, decimal 10224. It belongs to Supplemental Arrows-A (U+27F0–U+27FF). There is no named HTML entity.
No. HTML5 does not define a named entity for U+27F0. Use &#x27F0; or &#10224; instead.
U+27F0 is four upward arrowheads stacked as one glyph. U+21C8 (&uuarr;) is two arrows side by side. U+2191 (&uarr;) is a single up arrow.
Use it for strong scroll-to-top / jump-up UI cues and technical content that needs a quadruple upward arrow rather than a single or paired arrow.
HTML entities (&#10224; or &#x27F0;) go in markup. The CSS escape \27F0 is used in stylesheets (usually in the content property of ::before/::after). Both render ⟰.

Did you know?

Up Quadruple Arrow is Unicode U+27F0 (decimal 10224) — glyph ⟰ (UPWARDS QUADRUPLE ARROW) in Supplemental Arrows-A. There is no named HTML entity — use &#x27F0; or &#10224;. Prefer it for strong scroll-to-top cues. Do not confuse it with up paired arrows (&uuarr;, U+21C8) or a single up arrow (&uarr;, U+2191).

Next: Up Right Diagonal Ellipsis

Learn the HTML entity for the up right diagonal ellipsis — next in this sequence.

Continue tutorial →

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