Skip to main content

VisualStudioIcons

The Visual Studio image library, packaged as a Wisej.NET icon pack: 4,668 SVG icons in the style of the Visual Studio IDE, covering files, data, code, servers, tools and status overlays. It's the largest pack, and the right one for developer tools and admin consoles that should feel like Visual Studio.

Installation​

Add the Wisej-4-VisualStudioIcons package to your Wisej.NET project, either with the NuGet Package Manager or from the command line:

dotnet add package Wisej-4-VisualStudioIcons

The package targets .NET Framework 4.8 and .NET 8 or later. It contains one assembly, Wisej.Ext.VisualStudioIcons.dll, and that DLL is all you deploy. There's nothing to register. After a rebuild, the pack appears as a folder in the Visual Studio ImageSource editor. See Picking icons in Visual Studio.

Browse the icons​

Every icon in the pack, drawn from the SVG files the assembly embeds. Type to filter by file name or constant name, and select an icon for its constant, its resource.wx URL and a ready-to-paste assignment, each with a copy button. The icons are shown in their own colors.

Loading the icons…

Using the icons​

Every icon is an embedded SVG served at resource.wx/Wisej.Ext.VisualStudioIcons/<file-name>. In code, use the constants of the static Wisej.Ext.VisualStudioIcons.Icons class, which already hold the full URL:

// The constant holds "resource.wx/Wisej.Ext.VisualStudioIcons/Save.svg".
this.button1.ImageSource = Wisej.Ext.VisualStudioIcons.Icons.Save;

// The same icon by URL, for example when the name comes from data.
this.button1.ImageSource = "resource.wx/Wisej.Ext.VisualStudioIcons/Save.svg";

The URL works in any property that takes an image source (ImageSource, Icon, BackgroundImageSource, …), and also in HTML and CSS.

Icon names​

Each constant of the Icons class is the file name in PascalCase:

FileConstant
Save.svgIcons.Save
Print.svgIcons.Print
Settings.svgIcons.Settings
1x.svgIcons._1x

The file names keep Visual Studio's PascalCase spelling (Save.svg, 2ColumnsLeftSplit.svg), and a name that starts with a digit gets a leading underscore: Icons._2ColumnsLeftSplit.

Colors​

Unlike the other packs, these icons are multi-colored, with colored accents and overlays such as warnings, stars and plus signs. They're designed to be used as they are, in their original colors.

tip

If you need monochrome icons that follow the theme colors, for example on a dark theme, use one of the monochrome packs such as BootstrapIcons or VaadinIcons instead.

License​

The icons are distributed under the terms set by their author. Review the terms on the Visual Studio Image Library before you redistribute them. The Wisej.NET wrapper assembly is part of the Wisej.NET extensions.

See also​