Trophy

🏆

Shortcodes

Copy and paste codes for Trophy symbol 🏆 to use in your websites, apps, blogs, and more.

Unicode

U+1F3C6

HTML Code

🏆

HEX Code

🏆

CSS Code

\1F3C6

JS/JSON

\u1F3C6

Unix/C/PHP/JAVA

0x1F3C6

URL-encode

%F0%9F%8F%86

copied

Customize Trophy Symbol

Customize 🏆 symbol as you like and download Trophy as SVG or PNG or copy its HTML code to use in your projects.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

🏆

HTML Code

How to add Trophy symbol in HTML, CSS, and JS?

Insert 🏆 Trophy using HTML

1. Copy-paste Trophy directly:

<span>🏆</span>

2. HTML Decimal Code:

<span>&#127942;</span>

3. Hexadecimal Code:

<span>&#x1F3C6;</span>

Preview: 🏆

Add Trophy symbol with CSS

.trophy::before {
    content: '\\1F3C6';
}

Preview: Trophy

Trophy JavaScript Code

1. Direct Symbol:

document.querySelector('.trophy').textContent = '🏆';

2. Unicode Escape for 🏆:

document.querySelector('.trophy').textContent = '\u1F3C6';

Preview: 🏆

Related Trophy & Medal Symbols

View all Trophy & Medal Symbols