Git Product home page Git Product logo

vscode-icons's Introduction

logo

vscode-icons

Bring real icons to your Visual Studio Code

minimum supported version: 1.71.0


Version Installs Downloads Ratings



Maintainability Test Coverage



demo


Installation

To install the extension just execute the following command in the Command Palette of Visual Studio Code:

ext install vscode-icons

Some people have reported that they cannot find the extension when they insert the installation command.

If you find yourself in the same position, try:

ext install icons
# or
ext install "vscode-icons"

Usage

Once installed and after reloading vscode, you will be presented with a message to Activate the icons.

In case this doesn't happen, navigate to:

  • Linux & Windows => File > Preferences > File Icon Theme > VSCode Icons.
  • MacOS => Code > Preferences > File Icon Theme > VSCode Icons.

Features

vscode-icons is being shipped with a lot of features, like:

Icons Customization

Choose the icon you prefer for any particular file extension.

Learn more...

Bring your own icons

You don't see the icon you like...? No worries, we got you covered. This link will show you how you can use your own custom icon!

Learn more...

Project Auto Detection

Are you using Angular? This feature will detect it and enable the icons for you. It also works with other frameworks.

Learn more...

Documentation

In our wiki you can find more information about the extension features and more.

Some examples:

Globalization

vscode-icons uses Crowdin to provide translations for vscode supported languages.

We are looking for translators and proofreaders for all vscode supported languages.

If you'd like to contribute, checkout the translation section.

Contributing

If you like to get involved with the source code, checkout the build section.

For those using Docker checkout the docker section.

On the other hand, if you want to show the world your artistic side, checkout the contributing section.

In any case, please follow our contribution guidelines.

Security

vscode-icons utilizes NSRI for its subresources integrity check and protection against code injection.

Credits

Kudos to all contributors that made this extension what it is.

License

The source code is licensed under the MIT license.

The icons are licensed under the Creative Commons - ShareAlike (CC BY-SA) license.

Branded icons are licensed under their copyright license.

Versioning

vscode-icons follows Semantic Versioning 2.0.0.

Change Log

You can checkout all our changes in our change log.

Acknowledgements

We like to express our "Special Thanks" to:

  • All users that made us their favorite Icons theme. We wouldn't be where we are without you.

Related extensions

Enjoy!

vscode-icons's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vscode-icons's Issues

Icon Request: Ruby Gemfiles

Ruby files already get a gem icon with your extension, but the Gemfiles associated with Ruby projects don't. Could you add support for Gemfiles? They should have the gem icon just like .rb files do:
image

Gemfiles are usually in the root directory of the project and are named exactly "Gemfile" (with no extension) and also "Gemfile.lock". Currently, they have this icon:
image

Icon request: Makefile

Makefile should have an icon, perhaps just what Sublime has or alternatively just another gear icon since it's a config file of sorts

Icons not showing

After latest vscode 1.2.0 update icons not showing any more.
Windows 10

Dockerfile

Dockerfile icon is missing after recent update

package.json this is JSON

File package.json does not belong to the npm. This is a typical json file.

Maybe it's better this way:

{ icon: "npm", extensions: ["npmignore"] },

Handlebars

Both .hbs and .handlebars extensions are in list of supported, but they appears as genetic document... Is is OK?

How to enable the icons?

Hi!

Thanks for bring icons back.

I don't know what is going on but, I installed the extension as admin but, where are the commands to enable the Icons?

Thanks!

Feature request: more icons

Some suggestions (willing to help out via pull requests if needed):

  1. .editorconfig: Use the EditorConfig logo or a yellow gear icon
  2. .babelrc: Use the Babel logo or a yellow gear icon
  3. .env: Pretty common for people to use an env file for API keys and such, perhaps good to add an icon for it
  4. .eslintignore: use the same icon as the .eslintrc file
  5. *.log: Log files should have an icon as well

Python

Hi! Add icon for *.py files, pleace

java icons dont works

the java icons file not works. In the folder icons.zip are presents.

this extension are awesome. Good work

Display icon based on files.associations

I have a file without an extension and one that has a php extension but is defined as an html file, and as you can see they display like so:

screenshot from 2016-06-26 10-37-08

However, in my files.associations I have them defined like so:

screenshot from 2016-06-26 10-34-41

Is it possible to also display icons based on the files.associations, then fallback to the extension name?

Elixir icons

Hi! I've just installed your awesome package and I love it ๐Ÿค˜
Would it be possible to have icons for Elixir files such as *.ex, *.exs and *.eex?
Thanks in advance ๐Ÿ˜„

Installed Extension no icons appear

How do you enable these? A command was mentioned on the download page but where or how do you enter this command? I entered it into the command palette with no luck. Please provide enough information so that I can enjoy these icons.

CoffeScript

Would be great if .coffee files had icon.

Keep icons enabled

Love this extention!

Is it possible to keep the icons enabled? I have to enable them after every reboot.

Lua icons

Hello,

great job !
Really awesome extension. But can you add icons to .lua files ?

Thanks

Have a nice day ! :)

ASP + INI icon

Hi,

Could you please add a icon for ASP files + .ini files

The extensions is .asp and .ini :)

PHP Icon Very Small

Maybe it is just me, but the PHP icon looks much smaller than the rest. Could we increase it's size?

screenshot from 2016-06-08 11 32 20

Feature Request: Custom icon pack

Add a settings field like vscode_icons.iconpack_dir to make users able to custom icon packs, even install custom icon packs from the marketplace directly. It simplifies the process of installing custom icons.

F# icon

Hi,

Could you please add icons for F#?
The extensions are .fs,.fsi,.fsx :)

By the way your extension is great and increase the readability in VS code ;)

file_type_fsharp 2x
file_type_fsharp

Error when selecting "Icons Enable"

I installed the extension with no issues. I launched Visual Studio Code as Administrator and then I hit F1 on the keyboard. Then I typed Icons and the following selections came up:
Icons Enable
Icons Disable
Icons Update

As soon as I select "Icons Enable" I get the following message:
Error No handler found for the command: 'extension.installIcons'. An extension might be missing an activation event.

Any help will be greatly appreciated.

Thanks!

Feature request: icons are very light for Light theme users

The icons are extremely good for Dark theme users however for people like me who are on light side are facing trouble viewing them.

Please create 2 sets of icons 1 for light and 1 for dark themes that can be selected by executing commands.

Many thanks.

Linux Support

This doesn't seem to work in Ubuntu.

When I enable the icons nothing happens, then when I disable the icons afterwards, it says they are already disabled.

Optimize specialExt algorithm

Now, when dealing with special extensions the code is iterating over all the array of extensions even when we already know the specific special extension and its sub-extensions. Use an associative array to speed up the search.

Feature request: Typescript Definition Icon

It would be nice to have a separate icon for .d.ts files to visually differentiate typescript code from typescript type definitions. I propose this icon (other suggestions are welcome):
file_type_typescript_def 2x

Server returned 404

Hi,

I'm getting: "Server returned 404" , when launching the command (ctrl+p => ext install vscode-icons) to install this extension.

(I'm on linux/ubuntu).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.