Up next in 10
How to Change Files & Folder Icons in VSCode IDE With Custom Themes
1 views
Jul 4, 2025
Get the full source code of application here:
View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you how to
0:03
change your icons uh or folders
0:08
with a different custom theme in VS
0:10
Code. By default, it doesn't appear have
0:12
a it doesn't have a icon. So there is
0:14
some extensions that you can install
0:16
here which provides you with these
0:19
icons. So if you just write file icons,
0:23
you can select from a bunch of
0:26
extensions right here.
0:29
But uh I prefer this one which is this
0:32
epic pack of icons.
0:34
You can basically activate any of these
0:37
extensions. So as I click the install
0:39
button. So you will see at automatically
0:41
your need to select the theme here. So
0:44
once you select the theme, these icons
0:46
will appear side by side alongside with
0:48
the files. This will significantly will
0:52
improve the experience of using VS code
0:54
because it will actually show which sort
0:56
of file is this. So for JavaScript it
0:58
will put a JavaScript logo and for HTML
1:01
it will put a HTML logo and uh so this
1:06
will be the actual icon theme. So I
1:09
personally like this for folders as
1:11
well. It has a look and feel about you
1:14
can see that this is a zip file. This is
1:18
so just go to extensions and just type
1:21
file icon and just activate this theme.
1:31
So
1:34
I think
1:37
VS code great icon. So this is the theme
1:41
VS code.
1:49
So this is the name of the extension
1:51
that I use. You can also use it. So this
1:54
provides you with these nice little
1:56
icons that you see. It supports all the
1:58
languages, the folders as well. You can
2:01
see that. So,
2:05
so in this easy way you can change your
2:07
uh icons theme and folders theme as well
2:09
in VS code and also check out my website
2:14
freemediatools.com
2:15
uh which contains thousands of tools.
#Software