60
51

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-11-27

はじめに

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

ファイルアイコンの紹介

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

Minimal

image.png image.png

Seti

私は、今これに落ち着いている。
image.png image.png

vscode-icons

image.png image.png

Material Icon Theme

image.png image.png

VSCode Great Icons

image.png image.png

Material Theme

image.png image.png

Simple icon theme

image.png image.png

Ayu

image.png image.png

file-icons

image.png image.png

Colorless

image.png image.png

seti-icons

image.png image.png

で、どこから変えるの?

左下の歯車アイコンから [ファイルアイコンのテーマ] を選択して、好きなテーマを選択します。
fileicon.png

さいごに

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

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

60
51
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
60
51

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?