Pi Symbol

Unicode Name: Greek Small Letter Pi

π

Shortcodes

Copy and paste codes for Pi Symbol π to use in your websites, apps, blogs, and more.

Unicode
U+03C0
HTML Code
π
HTML Entity
π
HEX Code
π
CSS Code
\03C0
JS/JSON
\u03C0
Unix/C/PHP/JAVA
0x03C0
URL-encode
%CF%80
copied

Customize Pi Symbol Symbol

Customize π symbol as you like and download Pi Symbol as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
π

                        
                    

How to add Pi Symbol in HTML, CSS, and JS?

Insert π Pi Symbol using HTML

1. Copy-paste Pi Symbol directly:
<span>π</span>
2. HTML Decimal Code:
<span>&#960;</span>
3. HTML Entity:
<span>&pi;</span>
4. Hexadecimal Code:
<span>&#x3C0;</span>
Preview: π

Add Pi Symbol with CSS

.pi::before {
    content: '\\03C0';
}
Preview: Pi Symbol

Pi Symbol JavaScript Code

1. Direct Symbol:
document.querySelector('.pi').textContent = 'π';
2. Unicode Escape for π:
document.querySelector('.pi').textContent = '\u03C0';
Preview: π