A file icon for VS Code
![Preview of extension](https://github.com/misolori/vscode-symbols/raw/main/preview.png?raw=true)
If you'd like to contribute to this extension, please take a look at the issues or create a new one. If you'd like to create a new icon, please reference the Symbols - File Icon Figma file, you can make a copy or reference the styles used (tailwind). Please try to limit your colors to the ones used in existing icons before choosing a different color style.
When submitting a PR, please ensure you've tested the extension locally and ensure that your new icons appear correctly in the file tree view with your new file extension. Include a screenshot of your proposed icon in your PR.
You can configure which folders and files icons are displayed by using the following settings:
"symbols.folders.associations": {
"{folder name}": "{icon name}"
}
And here is an example using this setting:
"symbols.folders.associations": {
"entities": "folder-assets",
"infra": "folder-app",
"schemas": "folder-purple"
}
"symbols.files.associations": {
"{file name}": "{icon name}"
}
And here is an example:
"symbols.files.associations": {
"app.module.ts": "nest",
"*.service.ts": "nest"
}
Note: For file names, you can use *
to match all files with a specific file extension.
You can choose which icons to use from the Library:
Name |
Preview |
folder |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder.png) |
folder-app |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-app.png) |
folder-assets |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-assets.png) |
folder-blue |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-blue.png) |
folder-blue-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-blue-code.png) |
folder-blue-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-blue-outline.png) |
folder-config |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-config.png) |
folder-gray |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-gray.png) |
folder-gray-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-gray-code.png) |
folder-gray-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-gray-outline.png) |
folder-green |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-green.png) |
folder-green-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-green-code.png) |
folder-green-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-green-outline.png) |
folder-orange |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-orange.png) |
folder-orange-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-orange-code.png) |
folder-orange-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-orange-outline.png) |
folder-purple |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-purple.png) |
folder-purple-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-purple-code.png) |
folder-purple-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-purple-outline.png) |
folder-red |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-red.png) |
folder-red-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-red-code.png) |
folder-red-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-red-outline.png) |
folder-sky |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-sky.png) |
folder-sky-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-sky-code.png) |
folder-sky-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-sky-outline.png) |
folder-yellow |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-yellow.png) |
folder-yellow-code |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-yellow-code.png) |
folder-yellow-outline |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/folders/folder-yellow-outline.png) |
Name |
Preview |
angular |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/angular.png) |
astro |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/astro.png) |
audio |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/audio.png) |
babel |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/babel.png) |
brackets-blue |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-blue.png) |
brackets-gray |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-gray.png) |
brackets-green |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-green.png) |
brackets-orange |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-orange.png) |
brackets-purple |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-purple.png) |
brackets-red |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-red.png) |
brackets-sky |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-sky.png) |
brackets-yellow |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/brackets-yellow.png) |
c |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/c.png) |
capacitor |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/capacitor.png) |
clojure |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/clojure.png) |
code-blue |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-blue.png) |
code-gray |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-gray.png) |
code-green |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-green.png) |
code-orange |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-orange.png) |
code-purple |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-purple.png) |
code-red |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-red.png) |
code-sky |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-sky.png) |
code-yellow |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/code-yellow.png) |
coffeescript |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/coffeescript.png) |
coldfusion |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/coldfusion.png) |
cplus |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/cplus.png) |
csharp |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/csharp.png) |
csv |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/csv.png) |
cypress |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/cypress.png) |
dart |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/dart.png) |
database |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/database.png) |
deno |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/deno.png) |
docker |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/docker.png) |
document |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/document.png) |
drawio |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/drawio.png) |
dts |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/dts.png) |
editorconfig |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/editorconfig.png) |
elixir |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/elixir.png) |
erlang |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/erlang.png) |
eslint |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/eslint.png) |
exe |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/exe.png) |
firebase |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/firebase.png) |
font |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/font.png) |
fsharp |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/fsharp.png) |
gear |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/gear.png) |
git |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/git.png) |
github |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/github.png) |
go-mod |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/go-mod.png) |
go |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/go.png) |
gradle |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/gradle.png) |
graphql |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/graphql.png) |
gulp |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/gulp.png) |
h |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/h.png) |
haml |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/haml.png) |
http |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/http.png) |
hugo |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/hugo.png) |
ignore |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/ignore.png) |
image |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/image.png) |
ionic |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/ionic.png) |
java |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/java.png) |
jenkins |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/jenkins.png) |
jest |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/jest.png) |
js-test |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/js-test.png) |
js |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/js.png) |
julia-markdown |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/julia-markdown.png) |
julia |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/julia.png) |
kotlin |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/kotlin.png) |
laravel |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/laravel.png) |
license |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/license.png) |
liquid |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/liquid.png) |
lua |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/lua.png) |
markdown |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/markdown.png) |
mdx |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/mdx.png) |
nest |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/nest.png) |
netlify |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/netlify.png) |
next |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/next.png) |
nix |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/nix.png) |
node |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/node.png) |
nodemon |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/nodemon.png) |
notebook |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/notebook.png) |
npm |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/npm.png) |
nunjucks |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/nunjucks.png) |
patch |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/patch.png) |
perl |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/perl.png) |
php |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/php.png) |
pnpm |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/pnpm.png) |
postcss |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/postcss.png) |
prettier |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/prettier.png) |
prisma |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/prisma.png) |
proto |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/proto.png) |
pug |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/pug.png) |
pulumi |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/pulumi.png) |
puzzle |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/puzzle.png) |
python |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/python.png) |
r |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/r.png) |
react-test |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/react-test.png) |
react-ts |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/react-ts.png) |
react |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/react.png) |
rescript-interface |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/rescript-interface.png) |
rescript |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/rescript.png) |
robot |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/robot.png) |
ruby |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/ruby.png) |
rust |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/rust.png) |
sass |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/sass.png) |
sbt |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/sbt.png) |
scala |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/scala.png) |
shell |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/shell.png) |
storybook |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/storybook.png) |
stylus |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/stylus.png) |
supabase |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/supabase.png) |
svelte |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/svelte.png) |
svg |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/svg.png) |
swift |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/swift.png) |
tailwind |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/tailwind.png) |
terraform |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/terraform.png) |
tex |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/tex.png) |
text |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/text.png) |
ts-test |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/ts-test.png) |
ts |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/ts.png) |
tsconfig |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/tsconfig.png) |
v |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/v.png) |
vanilla-extract |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/vanilla-extract.png) |
vercel |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/vercel.png) |
video |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/video.png) |
visual-studio |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/visual-studio.png) |
vite |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/vite.png) |
vue |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/vue.png) |
webpack |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/webpack.png) |
xml |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/xml.png) |
yaml |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/yaml.png) |
yarn |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/yarn.png) |
zig |
![img](https://raw.githubusercontent.com/anurag-roy/vscode-symbols/main/preview/files/zig.png) |