⁷ Superscript Seven

How to type Superscript Seven on Mac / Windows / Linux?

Windows: Use the Emoji Panel (Win + .) or copy/paste ⁷.

macOS: Use Character Viewer (Control + Command + Space) and search by name, or copy/paste.

Linux: Use the Character Map app or a Compose key sequence, then paste into your app.

How to type Superscript Seven on iOS / Android?

On iOS, long-press the globe/emoji key and search in the symbol picker, or paste the symbol.

On Android, open the symbols keyboard or use your app’s character panel, then paste.

How to add Superscript Seven in HTML?

Use an HTML entity, a decimal code, or a hex code. All of them render the same symbol in your markup.

<span>&#8311; symbol</span>

<span>&#8311; symbol</span>

<span>&#x2077; symbol</span>

How to add Superscript Seven in CSS?

CSS escapes work inside the content property. This is most useful with ::before or ::after.

.symbol::after {
  content: "\2077";
}

<span class="symbol"></span>

How to add Superscript Seven in JavaScript / JSON?

Use Unicode escapes in strings for a stable, language-neutral representation.

const symbol = "\u2077";
console.log(symbol);

{
  "symbol": "\u2077"
}

How to add Superscript Seven in URL / Query string?

Use percent-encoding. In JavaScript, use encodeURIComponent.

https://example.com?q=%E2%81%B7

How to add Superscript Seven in LaTeX / Markdown?

For math contexts, LaTeX or Markdown math blocks are the safest way to render this symbol.

\(x^{7}\)

Inline math: $x^{7}$

How to add Superscript Seven in Word / Google Docs / Excel?

In Word or Google Docs, go to Insert → Symbol (or Special Characters) and search the Unicode name.

In Word, you can type 2077 and press Alt+X to convert it.

=UNICHAR(8311)

Encoding notes

UTF-8 and UTF-16 byte sequences are listed above for developer tools, debugging, or data pipelines.