Pi π — HTML code and how to type it

The pi π is π in HTML and U+03C0 in Unicode. Copy any form below.

Updated

Characterπ
HTML named entityπ
HTML decimalπ
HTML hexπ
UnicodeU+03C0
CSS content"\03C0"
JavaScript"\u03C0"
URL encoded%CF%80
UTF-8 bytesCF 80

When to use it

The Greek letter for the circle constant, 3.14159…

In HTML, CSS and JavaScript

<p>&pi;</p>           <!-- or the character itself in a UTF-8 page -->

.note::before { content: "\03C0"; }

const s = "\u03C0";

In a page saved as UTF-8 (the default today) you can paste the character directly; the entity is only needed when it must survive a non-UTF-8 system. Encode or decode whole texts with the HTML Entity Encoder.

How to type pi

  • Windows: press Win + . to open the emoji and symbol panel and search for it, or type 03C0 then Alt + X in Word.
  • Mac: Option + P (US keyboard layout).
  • Linux: Ctrl + Shift + U, then 3C0 and Enter.
HTML Entity EncoderEscape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.
Open the tool

Frequently asked questions

What is the HTML code for the pi?
&pi; (named), &#960; (decimal) or &#x3C0; (hex). All three produce the same character.
What is the Unicode for the pi?
U+03C0. In CSS write "\03C0" and in JavaScript "\u03C0".
How do I type the pi on a keyboard?
On Windows open the symbol panel with Win + . and search for it. On a Mac press Option + P.