Skip to main content

SVG Images & Icon Packs

Wisej.NET Hybrid supports the automatic conversion of SVG images into PNG images for use in the Device's tab bar, toolbar, or any other control using SkiaSharp.

The SVG images are automatically resized and colored based on the properties of the control.

Sample​

https://github.com/iceteagroup/wisej-hybrid-examples/tree/4.1/Showcase

The standalone SVGIcons example is not present on the 4.1 branch. Showcase contains the current native UI examples; see Examples for its dependencies. Browse the icon packs to select an image and its constant.

Icon Packs​

Use SVG images from one of the many available icon packs in Wisej.NET in the Hybrid application.

Device.TabBar.Items = new TabBarItem[]
{
	new TabBarItem
	{
		Title = "Home",
		ImageSource = Wisej.Ext.MaterialDesign.Icons.HomeButton
	},
	new TabBarItem
	{
		Title = "Messages",
		ImageSource = Wisej.Ext.MaterialDesign.Icons.EmailInbox
	},
	new TabBarItem
	{
		Title = "Search",
		ImageSource = Wisej.Ext.MaterialDesign.Icons.SearchingMagnifyingGlass
	},
	new TabBarItem
	{
		Title = "Settings",
		ImageSource = Wisej.Ext.MaterialDesign.Icons.SettingsCogwheelButton
	}
};

Device.TabBar.Visible = true;