Free File Type & Document SVG Icons

File type icons help users instantly recognize document formats without reading extensions. From code editors to file managers, these icons provide visual cues that speed up workflows. Our collection includes icons for every major file format — source code files (JS, TS, Python, Rust, Go), documents (PDF, DOC, XLS), media (MP4, PNG, SVG), and configuration files (JSON, YAML, TOML) — with colorful, distinctive designs for each.

5 icon packs · 10,944 total icons · Free & open source

Icon Packs

VSCode Icons

1,414 icons MIT

File Icons

930 icons ISC

Catppuccin Icons

656 icons MIT

Codicons

497 icons CC-BY-4.0

Material Design Icons

7,447 icons Apache-2.0

Common Use Cases

1 Code editors and IDE file explorers

2 File upload interfaces with type previews

3 Document management systems

4 Download pages showing available formats

5 Cloud storage and file sharing applications

Frequently Asked Questions

The vscode-icons pack mirrors the official VS Code file icon theme. It covers 1000+ file types and folder structures, making it perfect for code-related UIs.

Yes, VSCode Icons and Catppuccin both include folder icons for common project directories like src, node_modules, public, and framework-specific folders.

Most file type icons are multi-color SVGs with built-in colors. Catppuccin offers a popular pastel-toned theme that works beautifully in both light and dark editor themes.