Straight Ruler

๐Ÿ“

Shortcodes

Copy useful codes for straight ruler symbol ๐Ÿ“ to use in websites, apps, blogs, and docs.

Unicode
U+1F4CF
HTML Code
📏
HEX Code
📏
CSS Code
\1F4CF
JS/JSON
\u1F4CF
Unix/C/PHP/JAVA
0x1F4CF
URL-encode
%F0%9F%93%8F

Customize Straight Ruler

Customize ๐Ÿ“, download it as SVG or PNG, or copy the generated HTML snippet.

๐Ÿ“
  

How to use Straight Ruler Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>๐Ÿ“</span>
HTML Code:
<span>&#128207;</span>
HEX Code:
<span>&#x1F4CF;</span>

Add with CSS

.straight-ruler::before {
  content: '\\1F4CF';
}

Set it in JavaScript

document.querySelector('.straight-ruler').textContent = '๐Ÿ“';
copied