Push Pin

📌

Shortcodes

Copy useful codes for push pin symbol 📌 to use in websites, apps, blogs, and docs.

Unicode

U+1F4CC

HTML Code

📌

HEX Code

📌

CSS Code

\1F4CC

JS/JSON

\u1F4CC

Unix/C/PHP/JAVA

0x1F4CC

URL-encode

%F0%9F%93%8C

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

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

📌

HTML Code

1. Direct symbol:

<span>📌</span>

HTML Code:

<span>&#128204;</span>

HEX Code:

<span>&#x1F4CC;</span>

.push-pin::before {
  content: '\\1F4CC';
}

document.querySelector('.push-pin').textContent = '📌';