Less-than Or Greater-than

Shortcodes

Copy and paste codes for Less-than Or Greater-than symbol ≶ to use in your websites, apps, blogs, and more.

Unicode
U+2276
HTML Code
≶
HEX Code
≶
CSS Code
\2276
JS/JSON
\u2276
Unix/C/PHP/JAVA
0x2276
URL-encode
%E2%89%B6
copied

Customize Less-than Or Greater-than Symbol

Customize ≶ symbol as you like and download Less-than Or Greater-than 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 Less-than Or Greater-than symbol in HTML, CSS, and JS?

Insert ≶ Less-than Or Greater-than using HTML

1. Copy-paste Less-than Or Greater-than directly:
<span>≶</span>
2. HTML Decimal Code:
<span>&#8822;</span>
3. Hexadecimal Code:
<span>&#x2276;</span>
Preview:

Add Less-than Or Greater-than symbol with CSS

.less-than-or-greater-than::before {
    content: '\\2276';
}
Preview: Less-than Or Greater-than

Less-than Or Greater-than JavaScript Code

1. Direct Symbol:
document.querySelector('.less-than-or-greater-than').textContent = '≶';
2. Unicode Escape for ≶:
document.querySelector('.less-than-or-greater-than').textContent = '\u2276';
Preview: