Circled Latin Small Letter P

Shortcodes

Copy and paste codes for Circled Latin Small Letter P symbol ⓟ to use in your websites, apps, blogs, and more.

Unicode
U+24DF
HTML Code
ⓟ
HEX Code
ⓟ
CSS Code
\24DF
JS/JSON
\u24DF
Unix/C/PHP/JAVA
0x24DF
URL-encode
%E2%93%9F
copied

Customize Circled Latin Small Letter P Symbol

Customize ⓟ symbol as you like and download Circled Latin Small Letter P 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 Circled Latin Small Letter P symbol in HTML, CSS, and JS?

Insert ⓟ Circled Latin Small Letter P using HTML

1. Copy-paste Circled Latin Small Letter P directly:
<span>ⓟ</span>
2. HTML Decimal Code:
<span>&#9439;</span>
3. Hexadecimal Code:
<span>&#x24DF;</span>
Preview:

Add Circled Latin Small Letter P symbol with CSS

.circled-latin-small-letter-p::before {
    content: '\\24DF';
}
Preview: Circled Latin Small Letter P

Circled Latin Small Letter P JavaScript Code

1. Direct Symbol:
document.querySelector('.circled-latin-small-letter-p').textContent = 'ⓟ';
2. Unicode Escape for ⓟ:
document.querySelector('.circled-latin-small-letter-p').textContent = '\u24DF';
Preview: