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·11,346 total icons·Free & open source

Popular File Type & Document SVG Icons

A sample from this collection's icon packs. Click any icon to preview, copy, or download it.

Icon Packs

VSCode Icons

1,660 iconsMIT

File Icons

930 iconsISC

Catppuccin Icons

656 iconsMIT

Codicons

653 iconsCC-BY-4.0

Material Design Icons

7,447 iconsApache-2.0

Common Use Cases

1Code editors and IDE file explorers

2File upload interfaces with type previews

3Document management systems

4Download pages showing available formats

5Cloud storage and file sharing applications

Frequently Asked Questions

Which file icon pack matches VS Code's file icons?

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.

Do file icons include folder icons too?

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

Can I use different colors for light/dark themes?

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.