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