Hourglass

Shortcodes

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

Unicode
U+231B
HTML Code
⌛
HEX Code
⌛
CSS Code
\231B
JS/JSON
\u231B
Unix/C/PHP/JAVA
0x231B
URL-encode
%E2%8C%9B
copied

Customize Hourglass Symbol

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

Insert ⌛ Hourglass using HTML

1. Copy-paste Hourglass directly:
<span>⌛</span>
2. HTML Decimal Code:
<span>&#8987;</span>
3. Hexadecimal Code:
<span>&#x231B;</span>
Preview:

Add Hourglass symbol with CSS

.hourglass::before {
    content: '\\231B';
}
Preview: Hourglass

Hourglass JavaScript Code

1. Direct Symbol:
document.querySelector('.hourglass').textContent = '⌛';
2. Unicode Escape for ⌛:
document.querySelector('.hourglass').textContent = '\u231B';
Preview: