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>&#9674;</span>
HEX Code:
<span>&#x25CA;</span>

Add with CSS

.lozenge::before {
  content: '\\25CA';
}

Set it in JavaScript

document.querySelector('.lozenge').textContent = '◊';
copied