Top Hat
๐ฉ
Shortcodes
Copy useful codes for top hat symbol ๐ฉ to use in websites, apps, blogs, and docs.
Unicode
U+1F3A9 HTML Code
🎩 HEX Code
🎩 CSS Code
\1F3A9 JS/JSON
\u1F3A9 Unix/C/PHP/JAVA
0x1F3A9 URL-encode
%F0%9F%8E%A9 Customize Top Hat
Customize ๐ฉ, download it as SVG or PNG, or copy the generated HTML snippet.
๐ฉ
How to use Top Hat 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
.top-hat::before {
content: '\\1F3A9';
}Set it in JavaScript
document.querySelector('.top-hat').textContent = '๐ฉ';