⨾ Z Notation Relational Composition

How to type Z Notation Relational Composition 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 Z Notation Relational Composition 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 Z Notation Relational Composition in HTML?

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

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

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

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

How to add Z Notation Relational Composition in CSS?

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

.symbol::after {
  content: "\2A3E";
}

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

How to add Z Notation Relational Composition in JavaScript / JSON?

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

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

{
  "symbol": "\u2A3E"
}

How to add Z Notation Relational Composition in URL / Query string?

Use percent-encoding. In JavaScript, use encodeURIComponent.

https://example.com?q=%E2%A8%BE

How to add Z Notation Relational Composition 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 2A3E and press Alt+X to convert it.

=UNICHAR(10814)

Encoding notes

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