Atom Material Icons Plugin for Web

Atom Material File Icons for Web

This plugin is a port of the Atom File Icons for Google Chrome and Mozilla Firefox.

It replaces the icons and folder icons with better suited icons, related to the file type, framework or language.

Works on the following websites:

• GitHub
• GitLab
• Bitbucket
• Gitee
• Azure

Chrome Extension

https://chrome.google.com/webstore/detail/atom-file-icons-web/pljfkbaipkidhmaljaaakibigbcmmpnc

Firefox Extension (Not updated)

https://addons.mozilla.org/en-US/firefox/addon/atom-file-icons-web/

Features

• Replaces file icons with their relevant logo icons
  • According to their extension (Java, PHP, Ruby...)
  • According to the framework (Android, NPM, RSpec...)
  • According to the program used with (Babel, Docker, CircleCI...)
• Replaces directories:
  • With a common pattern: src, main, app, img, docs...
  • With a specific pattern: node_modules, .vscode, .git...
• Settings:
  • Icon size: Change the icon size on the fly
  • Monochrome: Use monochrome icons

File Icons

Folder Icons

Build

git clone https://github.com/mallowigi/iconGenerator.git
npm install && cd iconGenerator && npm install
npm run build

Scripts

• build: Runs clean, convert, public and build the source files
• dev: Runs build with watch
• release: Build the extension for Chrome
• webext: Build the extension for Firefox
• firefox: Generate Firefox's Manifest and run build and webext
• chrome: Generate Chrome's Manifest and run build and webext

Credits

Special credits to:

• The Material Theme UI plugin for the implementation
• Atom File Icons and Sublime Text A File Icon for the idea
• Scientifics Study Vectors for the plugin icon
• File-Icons
• FontAwesome 4.7.0
• MFixx
• Devicons
• Octicons
• Material Design Icons