Circled Digit One

Shortcodes

Copy and paste codes for Circled Digit One symbol ① to use in your websites, apps, blogs, and more.

Unicode
U+2460
HTML Code
①
HEX Code
①
CSS Code
\2460
JS/JSON
\u2460
Unix/C/PHP/JAVA
0x2460
URL-encode
%E2%91%A0
copied

Customize Circled Digit One Symbol

Customize ① symbol as you like and download Circled Digit One 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 Digit One symbol in HTML, CSS, and JS?

Insert ① Circled Digit One using HTML

1. Copy-paste Circled Digit One directly:
<span>①</span>
2. HTML Decimal Code:
<span>&#9312;</span>
3. Hexadecimal Code:
<span>&#x2460;</span>
Preview:

Add Circled Digit One symbol with CSS

.circled-digit-one::before {
    content: '\\2460';
}
Preview: Circled Digit One

Circled Digit One JavaScript Code

1. Direct Symbol:
document.querySelector('.circled-digit-one').textContent = '①';
2. Unicode Escape for ①:
document.querySelector('.circled-digit-one').textContent = '\u2460';
Preview: