[Icon & Folder Request] Many Associations, compared with vscode-icons

[bluedasher13]

I found that vscode-icons has even more icons, but they aren't pretty. (However, they seems has a design rule on config icons.)

Would you add more icons as follows?

---

(example)

Robots Exclusion Protocol:
robots.txt

---

(example)

TypeScript config file:
tsconfig.json

---

(example)

PHP CS Fixer config file:
.php_cs.dist / .php_cs

---

(example)

PHPUnit config file:
phpunit.xml.dist / phpunit.xml

---

(example)

Cypress config file:
cypress.json

---

(example)

Cypress folder:
/cypress/ (e.g. {Project}/cypress/)

---

(example)

JS Beautifier config file:
.jsbeautifyrc

---

(example)

Browserslist executable:
browserslist (e.g. {Project}/node_modules/.bin/browserslist/)

---

(example)

Binary folder:
/.bin/ (e.g. {Project}/node_modules/.bin/)

---

(example)

Modules folder:
/modules/ (e.g. {VueProject}/src/store/modules/)

---

(example)

Composer folder:
/composer/ (e.g. {Project}/vendor/bin/composer/)

---

(example)

Console folder:
/Console/ (e.g. {LaravelProject}/app/Console/)

---

Vetur config file:
vetur.config.js

---

Laravel Artisan Console:
artisan

---

(example)

Laravel compilation entry point:
webpack.mix.js

---

(example)

lint-staged config file:
.lintstagedrc (JSON or YAML)
.lintstagedrc.json (JSON)
.lintstagedrc.yaml / .lintstagedrc.yml (YAML)
lint-staged.config.js / .lintstagedrc.js / lintstagedrc.cjs (JavaScript)

---

(example)

Batch & Shell/Bash:
Use different icons to distinguish Windows .bat / .cmd from Unix .sh

---

And follow a Design Rule on config icons.

For example, vscode-icons use brand logo + gear icon. (postcss.config.js) (vue.config.js)

But Material Icon does not...? (postcss.config.js) (vue.config.js)

---

vscode-icons samples:

Default:

Folder:

File:

[mikemykhaylov]

.yarn folder would also be nice

[ghost]

I am opening all ten or so icon PRs for you as we speak.

I'm not the repo owner, but for convenience, could you replace the screenshots with the image links? It's a bit exhausting scrolling through them all to check the list

[ghost]

@PKief icon for cmd/bat? Maybe exe.svg with the gear from folder-config.svg inside the window

[PKief]

@4086606 Would be great if you could try it out, then we will see if it's fitting into this extension

[ghost]

As usual, the 16px icon size made this combination more or less impossible. E.g.

We have three options:

• cogs
• microsoft-windows
• Leave it as is - console

If we change the icon, an ideal color would be #d84315 (closest material color to the Microsoft brand color)

[PKief]

In my opinion we should leave it as is with the console icon. Not sure how the cogs or windows icon could improve this icon in this case.

[ghost]

Alright, that's everything in the issue addressed except for this:

And follow a Design Rule on config icons. For example, vscode-icons use brand logo + gear icon. (postcss.config.js) (vue.config.js)
But Material Icon does not...? (postcss.config.js) (vue.config.js)

The two Vue icons are necessary:

1. Vue components are .vue files
2. Configs like vue.config.js are for a different purpose

If we only need an icon for config, it doesn't need to follow config pattern.
E.g. webpack nuxt postcss.
For me anyways, adding just makes the icon more complicated to design and see.
Hope this makes sense!