File Folder

📁

Shortcodes

Copy useful codes for file folder symbol 📁 to use in websites, apps, blogs, and docs.

Unicode

U+1F4C1

HTML Code

📁

HEX Code

📁

CSS Code

\1F4C1

JS/JSON

\u1F4C1

Unix/C/PHP/JAVA

0x1F4C1

URL-encode

%F0%9F%93%81

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>&#128193;</span>

HEX Code:

<span>&#x1F4C1;</span>

.file-folder::before {
  content: '\\1F4C1';
}

document.querySelector('.file-folder').textContent = '📁';