Bar Chart

📊

Shortcodes

Copy and paste codes for Bar Chart symbol 📊 to use in your websites, apps, blogs, and more.

Unicode

U+1F4CA

HTML Code

📊

HEX Code

📊

CSS Code

\1F4CA

JS/JSON

\u1F4CA

Unix/C/PHP/JAVA

0x1F4CA

URL-encode

%F0%9F%93%8A

copied

Customize Bar Chart Symbol

Customize 📊 symbol as you like and download Bar Chart 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 Bar Chart symbol in HTML, CSS, and JS?

Insert 📊 Bar Chart using HTML

1. Copy-paste Bar Chart directly:

<span>📊</span>

2. HTML Decimal Code:

<span>&#128202;</span>

3. Hexadecimal Code:

<span>&#x1F4CA;</span>

Preview: 📊

Add Bar Chart symbol with CSS

.bar-chart::before {
    content: '\\1F4CA';
}

Preview: Bar Chart

Bar Chart JavaScript Code

1. Direct Symbol:

document.querySelector('.bar-chart').textContent = '📊';

2. Unicode Escape for 📊:

document.querySelector('.bar-chart').textContent = '\u1F4CA';