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