Visual Studio Code のファイルアイコンを変える

## はじめに
最近、[Visual Studio Code](https://code.visualstudio.com/) を利用しています。
拡張機能も充実している VSCode ですが、充実しすぎていてどんな拡張機能を使っていいのか悩ましい。
で、ファイルアイコン変えたいなと思ったところで、あんまり記事が無い。
そんなこんなで、ファイルアイコンに絞って記事を書いてみました。
綺麗なアイコンを眺めながら開発効率も上げていきましょうというお話。

## ファイルアイコンの紹介
すべてはご紹介できないため、人気のものなどいくつかピックアップしてみました。
お気に入りのファイルアイコンを探してみてください。
また、ここには掲載されていない、あなたのおすすめがあれば是非教えて下さい！

### Minimal
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/8d09809d-c6b6-eb85-8072-ada12de71944.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/fd277313-3260-c882-1806-585525eda048.png)

### Seti
私は、今これに落ち着いている。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/8e201233-8cc9-efbd-f9b7-72b44697943e.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/1549170f-f1c8-8d99-b306-9361b86f1098.png)

### vscode-icons
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/f3235cde-daec-3632-92d7-b8401a88506d.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/1281e271-96d1-fa3d-87c3-413f25ac7f04.png)

### Material Icon Theme
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/9b2bc5f0-fdb2-94c3-d4a3-1f81dc5f16c8.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/b30166dd-f92c-1227-9e7b-de03991f2116.png)
 
### VSCode Great Icons
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/252f9567-692d-5ce6-aeb5-3c7549650edf.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/a8b091c0-1ab0-03f8-210f-337cfc9820d0.png)

### Material Theme
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/bb44dab0-95b3-a1d1-2bdb-502d66d956d7.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/a7383955-f8f1-1c5c-9a0b-95a42d82038b.png)

### Simple icon theme
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/6cdf26d2-c876-295c-f8b4-65aa4c9c2725.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/b8d9834b-2e11-463d-1202-4a482ce904d8.png)

### Ayu
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/bf03a3fa-30ef-4a94-db7d-622358f61b1d.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/1c9280e4-789b-1d57-b4bc-9963c1add1dc.png)

### file-icons
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/708e0e08-77ff-dc46-a9cd-640cdf787e57.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/4db450d1-113b-0cef-9758-fb1316df5346.png)

#### Colorless
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/854579db-808e-6956-3df9-031d3321124b.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/e19b33a7-1ed7-7e45-331d-9ad667a7406a.png)

### seti-icons
![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/9c21f2de-556b-f180-a2dc-42d9feaef63d.png) ![image.png](https://qiita-image-store.s3.amazonaws.com/0/81548/5f026808-7afe-8cf5-a942-27242b80ec71.png)

## で、どこから変えるの？
左下の歯車アイコンから [ファイルアイコンのテーマ] を選択して、好きなテーマを選択します。
![fileicon.png](https://qiita-image-store.s3.amazonaws.com/0/81548/6310f31d-07ff-a8c9-918f-8103ddd16e9a.png)

## さいごに
ファイルアイコンがついているだけでも、少しわくわくしますよね！
文字だけでなく、画像や色も重要だと感じて頂けたのではないでしょうか？

あなたのお気に入りファイルアイコンが見つかる、そんな記事になれば幸いです。