News

New Visual Studio Code Icons Unveiled

Risking the wrath of recalcitrant developers, Microsoft is changing the icon scheme for its Visual Studio Code editor.

Finicky coders in the past have been known to rise up in verbal arms upon any tweaking of the appearance of their IDEs and code editors, as witnessed by the uproar following Microsoft's imposition of ALL-CAP menu items in the Visual Studio IDE several years ago.

The Existing VS Code Icons
The Existing VS Code Icon (source: Microsoft).

News about new VS Code icons came in a GitHub issue last week. The issue was started in May of last year as a proposal for a new VS Code icon for Mac OS X. Microsoft's Chris Dias chimed in to say the team was already working on a new icon for VS Code everywhere.

The New VS Code Icons
[Click on image for larger view.] The New VS Code Icons (source: Microsoft).

Last week, he updated the issue, unveiling new orange icons for Mac, Windows and Linux, with a slight variation for Windows Insiders.

"We feel that the icon denotes 'openness,'" Dias said. "It conveys that VS Code is (in a good way) a subset of our big brother, the Visual Studio IDE. And, if you look hard enough, you'll find a small tribute to a great mind.

"The new icons will appear in Insiders shortly and will be in Stable when we release the August iteration in early September."

Dias pointed to a March post titled "Iterations on Infinity" that detailed the company's rollout of new icons for the entire Visual Studio product family.

"Ultimately, the reason we put so much time and energy into refreshing these icons was to make your job easier," said designer John Lea in that post. "We always want you to be confident when you click on one of our icons, so you can get down to coding and focus on what you really want to focus on: making the best software in the world."

Lea asked for user input on the effort, and readers of Dias's post were already quick to comply, with comments such as:

  • "Why orange? Why not blue as same? I think blue is look better than orange."
  • "The old green Icon was much more minimalistic, is there somewhere I can get it to swap it out manually? This new one doesn't stand out and just blends in with the rest making it harder to see."
  • "It's also really difficult to tell the two icons apart at small sizes, especially on MacOS. I like the concept, and I think the two icons look fantastic, but I don't think they are an improvement."

Dozens of other opinions were voiced on Lea's post, also, before comments were closed off about four months ago.

While many developers are likely to not be pleased with any Microsoft design decision, they at least got more freedom to tweak and customize their individual Visual Studio IDE setups with the recent introduction of a new color theme editor for Visual Studio 2017.

And for VS Code, there are also dozens of icon-related extensions available in the Visual Studio Marketplace.

About the Author

David Ramel is an editor and writer at Converge 360.

comments powered by Disqus

Featured

  • How to Unlock Visual Studio 2022's Preview Features Like Claude Sonnet 3.7 AI Model

    Some developers complained that advanced AI models come sooner to VS Code than Visual Studio, but the new Claude Sonnet 3.7 model is now available in IDE with a paid GitHub Copilot account and a simple settings tweak in GitHub.

  • Semantic Kernel Agent Framework Graduates to Release Candidate

    With agentic AI now firmly established as a key component of modern software development, Microsoft graduated its Semantic Kernel Agent Framework to Release Candidate 1 status.

  • TypeScript 5.8 Improves Type Checking, Conditional Feature Delayed to 5.9

    Microsoft shipped TypeScript 5.8 with improved type checking in some scenarios, but thorny problems caused the dev team to delay related work to the next release.

  • Poisson Regression Using C#

    Dr. James McCaffrey from Microsoft Research presents a complete end-to-end demo of Poisson regression, where the goal is to predict a count of things arriving, such as the number of telephone calls received in a 10-minute interval at a call center. When your source data is close to mathematically Poisson distributed, Poisson regression is simple and effective.

  • Cloud-Focused .NET Aspire 9.1 Released

    Along with .NET 10 Preview 1, Microsoft released.NET Aspire 9.1, the latest update to its opinionated, cloud-ready stack for building resilient, observable, and configurable cloud-native applications with .NET.

Subscribe on YouTube

Upcoming Training Events