How do I remove the top left icon in the title bar of Visual Studio Code?
I tried modifying it from settings.json but I didn’t know which property is right!
Also tried looking for an extension but didn’t find any.
It is so important to me because we not allowed to work in Visual Studio Code in our company, and I have to make it look like the one they chose.
thgf dhfh is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1
There is no built in setting that controls this. The quickest way I can think of is to open the developer tools of Visual Studio Code and disable it.
Press Ctrl + Shift + P to open the command palette, then select “Developer: Toggle Developer Tools”. This will open a developer tools window similar to Google Chromes. Find the <a class="window-appicon" style="app-region: drag;"></a> element in the HTML, click on it, and then disable the background-image CSS property:
The downside is you’ll probably need to do this every time you open Visual Studio Code.
Alternatively, you can try and modify the CSS file that holds this information. For me, it was located in C:Program FilesMicrosoft VS Coderesourcesappoutvsworkbench in the workbench.desktop.main.css file. However trying that didn’t seem to do anything (perhaps VS Code does some sort of caching). The class is:
.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon:not(.codicon)
2