White Diamond
◇
Shortcodes
Copy and paste codes for White Diamond symbol ◇ to use in your websites, apps, blogs, and more.
Unicode
U+25C7
HTML Code
◇
HEX Code
◇
CSS Code
\25C7
JS/JSON
\u25C7
Unix/C/PHP/JAVA
0x25C7
URL-encode
%E2%97%87
copied
Customize White Diamond Symbol
Customize ◇ symbol as you like and download White 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 White Diamond symbol in HTML, CSS, and JS?
Insert ◇ White Diamond using HTML
1. Copy-paste White Diamond directly:
<span>◇</span>2. HTML Decimal Code:
<span>◇</span>3. Hexadecimal Code:
<span>◇</span>Preview:
◇
Add White Diamond symbol with CSS
.white-diamond::before {
content: '\\25C7';
}Preview: White Diamond
White Diamond JavaScript Code
1. Direct Symbol:
document.querySelector('.white-diamond').textContent = '◇';2. Unicode Escape for ◇:
document.querySelector('.white-diamond').textContent = '\u25C7';Preview: ◇
Related Square & Rectangle Symbols
View all Square & Rectangle Symbols▥
Square With Vertical Fill
▦
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
◆
Black 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