Gear
⚙
Shortcodes
Copy and paste codes for Gear symbol ⚙ to use in your websites, apps, blogs, and more.
Unicode
U+2699 HTML Code
⚙ HEX Code
⚙ CSS Code
\2699 JS/JSON
\u2699 Unix/C/PHP/JAVA
0x2699 URL-encode
%E2%9A%99 copied
Customize Gear Symbol
Customize ⚙ symbol as you like and download Gear 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 Gear symbol in HTML, CSS, and JS?
Insert ⚙ Gear using HTML
1. Copy-paste Gear directly:
<span>⚙</span>2. HTML Decimal Code:
<span>⚙</span>3. Hexadecimal Code:
<span>⚙</span>Preview: ⚙
Add Gear symbol with CSS
.gear::before {
content: '\\2699';
}Preview: Gear
Gear JavaScript Code
1. Direct Symbol:
document.querySelector('.gear').textContent = '⚙';2. Unicode Escape for ⚙:
document.querySelector('.gear').textContent = '\u2699';Preview: ⚙