Black Diamond
◆
Shortcodes
Copy and paste codes for Black Diamond symbol ◆ to use in your websites, apps, blogs, and more.
Unicode
U+25C6
HTML Code
◆
HEX Code
◆
CSS Code
\25C6
JS/JSON
\u25C6
Unix/C/PHP/JAVA
0x25C6
URL-encode
%E2%97%86
copied
Customize Black Diamond Symbol
Customize ◆ symbol as you like and download Black Diamond 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 Black Diamond symbol in HTML, CSS, and JS?
Insert ◆ Black Diamond using HTML
1. Copy-paste Black Diamond directly:
<span>◆</span>
2. HTML Decimal Code:
<span>◆</span>
3. Hexadecimal Code:
<span>◆</span>
Preview:
◆
Add Black Diamond symbol with CSS
.black-diamond::before {
content: '\\25C6';
}
Preview: Black Diamond
Black Diamond JavaScript Code
1. Direct Symbol:
document.querySelector('.black-diamond').textContent = '◆';
2. Unicode Escape for ◆:
document.querySelector('.black-diamond').textContent = '\u25C6';
Preview: ◆
Related Square & Rectangle Symbols
View all Square & Rectangle Symbols▦
Square With Orthogonal Crosshatch Fill
▧
Square With Upper Left To Lower Right Fill
▨
Square With Upper Right To Lower Left Fill
▩
Square With Diagonal Crosshatch Fill
▪
Black Small Square
▫
White Small Square
▭
White Rectangle
▮
Black Vertical Rectangle
▯
White Vertical Rectangle
◧
Square With Left Half Black
◨
Square With Right Half Black
◩
Square With Upper Left Diagonal Half Black
◪
Square With Lower Right Diagonal Half Black
◊
Lozenge
◈
White Diamond Containing Black Small Diamond
◇
White Diamond
⎔
Software-function Symbol
⎚
Clear Screen Symbol
☖
White Shogi Piece
☗
Black Japanese Postal Mark
〓
Geta Mark
∎
End Of Proof
❏
Lower Right Drop-shadowed White Square
❐
Upper Right Drop-shadowed White Square
❑
Lower Right Shadowed White Square
❒
Upper Right Shadowed White Square
▰
Black Parallelogram
▱
White Parallelogram
⊞
Squared Plus
⊟
Squared Minus
⊠
Squared Times
⊡
Squared Dot Operator