Circled Latin Capital Letter I

Shortcodes

Copy and paste codes for Circled Latin Capital Letter I symbol Ⓘ to use in your websites, apps, blogs, and more.

Unicode
U+24BE
HTML Code
Ⓘ
HEX Code
Ⓘ
CSS Code
\24BE
JS/JSON
\u24BE
Unix/C/PHP/JAVA
0x24BE
URL-encode
%E2%92%BE
copied

Customize Circled Latin Capital Letter I Symbol

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

Insert Ⓘ Circled Latin Capital Letter I using HTML

1. Copy-paste Circled Latin Capital Letter I directly:
<span>Ⓘ</span>
2. HTML Decimal Code:
<span>&#9406;</span>
3. Hexadecimal Code:
<span>&#x24BE;</span>
Preview:

Add Circled Latin Capital Letter I symbol with CSS

.circled-latin-capital-letter-i::before {
    content: '\\24BE';
}
Preview: Circled Latin Capital Letter I

Circled Latin Capital Letter I JavaScript Code

1. Direct Symbol:
document.querySelector('.circled-latin-capital-letter-i').textContent = 'Ⓘ';
2. Unicode Escape for Ⓘ:
document.querySelector('.circled-latin-capital-letter-i').textContent = '\u24BE';
Preview: