Lock

๐Ÿ”’

Shortcodes

Copy useful codes for lock symbol ๐Ÿ”’ to use in websites, apps, blogs, and docs.

Unicode
U+1F512
HTML Code
🔒
HEX Code
🔒
CSS Code
\1F512
JS/JSON
\u1F512
Unix/C/PHP/JAVA
0x1F512
URL-encode
%F0%9F%94%92

Customize Lock

Customize ๐Ÿ”’, download it as SVG or PNG, or copy the generated HTML snippet.

๐Ÿ”’
  

How to use Lock Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>๐Ÿ”’</span>
HTML Code:
<span>&#128274;</span>
HEX Code:
<span>&#x1F512;</span>

Add with CSS

.lock::before {
  content: '\\1F512';
}

Set it in JavaScript

document.querySelector('.lock').textContent = '๐Ÿ”’';
copied