White Diamond

Shortcodes

Copy useful codes for white diamond symbol ◇ to use in websites, apps, blogs, and docs.

Unicode
U+25C7
HTML Code
◇
HEX Code
◇
CSS Code
\25C7
JS/JSON
\u25C7
Unix/C/PHP/JAVA
0x25C7
URL-encode
%E2%97%87

Customize White Diamond

Customize ◇, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use White Diamond Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>◇</span>
HTML Code:
<span>&#9671;</span>
HEX Code:
<span>&#x25C7;</span>

Add with CSS

.white-diamond::before {
  content: '\\25C7';
}

Set it in JavaScript

document.querySelector('.white-diamond').textContent = '◇';
copied