Vertical Line With Circle Below

Shortcodes

Copy and paste codes for Vertical Line With Circle Below symbol ⫰ to use in your websites, apps, blogs, and more.

Unicode
U+2AF0
HTML Code
⫰
HEX Code
⫰
CSS Code
\2AF0
JS/JSON
\u2AF0
Unix/C/PHP/JAVA
0x2AF0
URL-encode
%E2%AB%B0
copied

Customize Vertical Line With Circle Below Symbol

Customize ⫰ symbol as you like and download Vertical Line With Circle Below 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 Vertical Line With Circle Below symbol in HTML, CSS, and JS?

Insert ⫰ Vertical Line With Circle Below using HTML

1. Copy-paste Vertical Line With Circle Below directly:
<span>⫰</span>
2. HTML Decimal Code:
<span>&#10992;</span>
3. Hexadecimal Code:
<span>&#x2AF0;</span>
Preview:

Add Vertical Line With Circle Below symbol with CSS

.vertical-line-with-circle-below::before {
    content: '\\2AF0';
}
Preview: Vertical Line With Circle Below

Vertical Line With Circle Below JavaScript Code

1. Direct Symbol:
document.querySelector('.vertical-line-with-circle-below').textContent = '⫰';
2. Unicode Escape for ⫰:
document.querySelector('.vertical-line-with-circle-below').textContent = '\u2AF0';
Preview: