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