Left Curly Bracket

{

Shortcodes

Copy useful codes for left curly bracket symbol { to use in websites, apps, blogs, and docs.

Unicode
U+007B
Alt Code
123
HTML Code
{
HEX Code
{
CSS Code
\007B
JS/JSON
\u007B
Unix/C/PHP/JAVA
0x007B
URL-encode
%7B

Customize Left Curly Bracket

Customize {, download it as SVG or PNG, or copy the generated HTML snippet.

{
  
 
 
 
 
 
 
How to use Left Curly Bracket Symbol in HTML, CSS, and JS
 
 
Insert in HTML
 
 1. Direct symbol: 
 
<span>{</span>
  
 
 
 HTML Code: 
 
<span>&#123;</span>
  
 
 HEX Code: 
 
<span>&#x007B;</span>
  
 
 
 
 
Add with CSS
 
 
.left-curly-bracket::before {
  content: '\\007B';
}
  
 
 
 
Set it in JavaScript
 
 
document.querySelector('.left-curly-bracket').textContent = '{';
  
 
 
 
 
 
Related Bracket Symbols
 
View all Bracket Symbols     
 
 
   
 
 ( 
 
 Left Parenthesis 
 
  
   
 
 ) 
 
 Right Parenthesis 
 
  
   
 
 [ 
 
 Left Square Bracket 
 
  
   
 
 ] 
 
 Right Square Bracket 
 
  
   
 
 } 
 
 Right Curly Bracket 
 
  
   
 
 〈 
 
 Left Angle Bracket 
 
  
   
 
 〉 
 
 Right Angle Bracket 
 
  
   
 
 ❪ 
 
 Parenthesis Small Left 
 
  
   
 
 ❫ 
 
 Parenthesis Small Right 
 
  
   
 
 ❬ 
 
 Angle Bracket Small Left 
 
  
   
 
 ❭ 
 
 Angle Bracket Small Right 
 
  
   
 
 ❮ 
 
 Angle Bracket Left Double 
 
  
   
 
 ❯ 
 
 Angle Bracket Right Double 
 
  
   
 
 ❲ 
 
 Light Left Tortoise Shell Bracket 
 
  
   
 
 ❳ 
 
 Light Right Tortoise Shell Bracket 
 
  
   
 
 ❴ 
 
 Medium Left Curly Bracket 
 
  
   
 
 ❵ 
 
 Medium Right Curly Bracket 
 
  
   
 
 ⟦ 
 
 Mathematical Left White Square Bracket 
 
  
   
 
 ⟧ 
 
 Mathematical Right White Square Bracket 
 
  
   
 
 ⟨ 
 
 Mathematical Left Angle Bracket 
 
  
 
 
   
 
  
 
 
   
  copied