Phi Symbol

Unicode Name: Greek Small Letter Phi

φ

Shortcodes

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

Unicode
U+03C6
HTML Code
φ
HTML Entity
φ
HEX Code
φ
CSS Code
\03C6
JS/JSON
\u03C6
Unix/C/PHP/JAVA
0x03C6
URL-encode
%CF%86
copied

Customize Phi Symbol Symbol

Customize φ symbol as you like and download Phi 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 Phi Symbol in HTML, CSS, and JS?

Insert φ Phi Symbol using HTML

1. Copy-paste Phi Symbol directly:
<span>φ</span>
2. HTML Decimal Code:
<span>&#966;</span>
3. HTML Entity:
<span>&phi;</span>
4. Hexadecimal Code:
<span>&#x3C6;</span>
Preview: φ

Add Phi Symbol with CSS

.phi::before {
    content: '\\03C6';
}
Preview: Phi Symbol

Phi Symbol JavaScript Code

1. Direct Symbol:
document.querySelector('.phi').textContent = 'φ';
2. Unicode Escape for φ:
document.querySelector('.phi').textContent = '\u03C6';
Preview: φ