Lozenge
◊
Shortcodes
Copy useful codes for lozenge symbol ◊ to use in websites, apps, blogs, and docs.
Unicode
U+25CA HTML Code
◊ HEX Code
◊ CSS Code
\25CA JS/JSON
\u25CA Unix/C/PHP/JAVA
0x25CA URL-encode
%E2%97%8A Customize Lozenge
Customize ◊, download it as SVG or PNG, or copy the generated HTML snippet.
◊
How to use Lozenge Symbol in HTML, CSS, and JS
Insert in HTML
1. Direct symbol:
<span>◊</span> HTML Code:
<span>◊</span> HEX Code:
<span>◊</span>Add with CSS
.lozenge::before {
content: '\\25CA';
}Set it in JavaScript
document.querySelector('.lozenge').textContent = '◊';