Skip to main content

TablerIcons

The Tabler Icons set, packaged as a Wisej.NET icon pack: 1,978 monochrome line icons drawn with a 2 px stroke on a 24 × 24 grid. It's the largest of the line-icon packs, in the same style as Feather and Lucide but with a wider range of subjects, from device and file icons to brand logos, arrows in every direction and a long series of -off variants (bell.svg, bell-off.svg).

Installation​

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

dotnet add package Wisej-4-TablerIcons

The package targets .NET Framework 4.8 and .NET 8 or later. It contains one assembly, Wisej.Ext.TablerIcons.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 the page's text color, the way they follow the theme's icon color in an application; the color swatch in the preview tries a ?color= value.

Loading the icons…

Using the icons​

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

// The constant holds "resource.wx/Wisej.Ext.TablerIcons/printer.svg".
this.button1.ImageSource = Wisej.Ext.TablerIcons.Icons.Printer;

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

// A specific color instead of the theme's icon color.
this.button1.ImageSource = Wisej.Ext.TablerIcons.Icons.Printer + "?color=SteelBlue";

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
home.svgIcons.Home
printer.svgIcons.Printer
settings.svgIcons.Settings
2fa.svgIcons.TwoFa
3d-rotate.svgIcons.ThreeDimensionalRotate

Unlike the other packs, a name that starts with a digit is spelled out rather than given a leading underscore: 2fa.svg is Icons.TwoFa and the 3d- icons are Icons.ThreeDimensional….

Colors​

The icons are monochrome, drawn with stroke="currentColor", so they follow the theme's icon color and respond to ?color=. Use a named color, #rrggbb, rgb()/rgba(), or the name of a theme color (for example ?color=activeText). See SVG Colors.

License​

Tabler Icons are released under the MIT license. The Wisej.NET wrapper assembly is part of the Wisej.NET extensions.

See also​