Precedes

Shortcodes

Copy and paste codes for Precedes symbol ≺ to use in your websites, apps, blogs, and more.

Unicode
U+227A
HTML Code
≺
HEX Code
≺
CSS Code
\227A
JS/JSON
\u227A
Unix/C/PHP/JAVA
0x227A
URL-encode
%E2%89%BA
copied

Customize Precedes Symbol

Customize ≺ symbol as you like and download Precedes 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 Precedes symbol in HTML, CSS, and JS?

Insert ≺ Precedes using HTML

1. Copy-paste Precedes directly:
<span>≺</span>
2. HTML Decimal Code:
<span>&#8826;</span>
3. Hexadecimal Code:
<span>&#x227A;</span>
Preview:

Add Precedes symbol with CSS

.precedes::before {
    content: '\\227A';
}
Preview: Precedes

Precedes JavaScript Code

1. Direct Symbol:
document.querySelector('.precedes').textContent = '≺';
2. Unicode Escape for ≺:
document.querySelector('.precedes').textContent = '\u227A';
Preview: