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>π</span>
3. HTML Entity:
<span>π</span>
4. Hexadecimal Code:
<span>π</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: π
Related Greek Letter Symbols
View all Greek Letter SymbolsΣ
Sigma Symbol
α
Alpha Symbol
β
Beta Symbol
γ
Gamma Symbol
δ
Greek Small Letter Delta
ε
Epsilon Symbol
ζ
Greek Small Letter Zeta
η
Greek Small Letter Eta
θ
Greek Small Letter Theta
ι
Greek Small Letter Iota
κ
Greek Small Letter Kappa
λ
Lambda
μ
Mu Symbol (Micro Sign)
ν
Greek Small Letter Nu
ξ
Greek Small Letter Xi
ο
Greek Small Letter Omicron