Pencil
✏
Shortcodes
Copy useful codes for pencil symbol ✏ to use in websites, apps, blogs, and docs.
Unicode
U+270F HTML Code
✏ HEX Code
✏ CSS Code
\270F JS/JSON
\u270F Unix/C/PHP/JAVA
0x270F URL-encode
%E2%9C%8F Customize Pencil
Customize ✏, download it as SVG or PNG, or copy the generated HTML snippet.
✏
How to use Pencil Symbol in HTML, CSS, and JS
Insert in HTML
1. Direct symbol:
<span>✏</span> HTML Code:
<span>✏</span> HEX Code:
<span>✏</span>Add with CSS
.pencil::before {
content: '\\270F';
}Set it in JavaScript
document.querySelector('.pencil').textContent = '✏';