Pencil
✏
Shortcodes
Copy and paste codes for Pencil symbol ✏ to use in your websites, apps, blogs, and more.
Unicode
U+270F
HTML Code
✏
HEX Code
✏
CSS Code
\270F
JS/JSON
\u270F
Unix/C/PHP/JAVA
0x270F
URL-encode
%E2%9C%8F
copied
Customize Pencil Symbol
Customize ✏ symbol as you like and download Pencil 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 Pencil symbol in HTML, CSS, and JS?
Insert ✏ Pencil using HTML
1. Copy-paste Pencil directly:
<span>✏</span>2. HTML Decimal Code:
<span>✏</span>3. Hexadecimal Code:
<span>✏</span>Preview:
✏
Add Pencil symbol with CSS
.pencil::before {
content: '\\270F';
}Preview: Pencil
Pencil JavaScript Code
1. Direct Symbol:
document.querySelector('.pencil').textContent = '✏';2. Unicode Escape for ✏:
document.querySelector('.pencil').textContent = '\u270F';Preview: ✏
Related Email Symbols
View all Email Symbols📫
Closed Mailbox With Raised Flag
📭
Open Mailbox With Lowered Flag
📨
Incoming Envelope
💬
Speech Balloon
🗨
Left Speech Bubble
📝
Memo
📄
Page Facing Up
✍
Writing Hand
🖎
Left Writing Hand
🧾
Receipt
🗒
Spiral Note Pad
📤
Outbox Tray
📥
Inbox Tray
📦
Package
📮
Postbox
✎
Lower Right Pencil
✐
Upper Right Pencil
✑
White Nib
✒
Black Nib
🗒
Spiral Note Pad
📝
Memo
💬
Speech Balloon
🗨
Left Speech Bubble
🖎
Left Writing Hand
✎
Lower Right Pencil
✏
Pencil
✐
Upper Right Pencil
✑
White Nib
✒
Black Nib
✍
Writing Hand
📝
Memo
✏
Pencil