Hourglass

Shortcodes

Copy useful codes for hourglass symbol ⌛ to use in websites, apps, blogs, and docs.

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

Customize Hourglass

Customize ⌛, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use Hourglass Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>⌛</span>
HTML Code:
<span>&#8987;</span>
HEX Code:
<span>&#x231B;</span>

Add with CSS

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

Set it in JavaScript

document.querySelector('.hourglass').textContent = '⌛';
copied