SystemUIcons.TagHelper 1.0.10

.NET 6.0 This package targets .NET 6.0. The package is compatible with this framework or higher. .NET Core 3.1 This package targets .NET Core 3.1. The package is compatible with this framework or higher. 
dotnet add package SystemUIcons.TagHelper --version 1.0.10                

                    
                

            
NuGet\Install-Package SystemUIcons.TagHelper -Version 1.0.10
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="SystemUIcons.TagHelper" Version="1.0.10" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add SystemUIcons.TagHelper --version 1.0.10                

                    
                

            
#r "nuget: SystemUIcons.TagHelper, 1.0.10"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install SystemUIcons.TagHelper as a Cake Addin
#addin nuget:?package=SystemUIcons.TagHelper&version=1.0.10

// Install SystemUIcons.TagHelper as a Cake Tool
#tool nuget:?package=SystemUIcons.TagHelper&version=1.0.10

SystemUIcons TagHelper

An ASP.NET Core Tag Helper for System UIcons icon set.

Setup

  1. Install via NuGet
Install-Package SystemUIcons.TagHelper
  1. Add the tag helper to your view or _ViewImports.cshtml to access from any view.
@addTagHelper *, SystemUIcons.TagHelper

Usage

To render a symbol, use the <icon> tag.

in action

If you want to optimize your page size, use the sprite sheet tag helper.

  1. Add this to your layout page
<icon-sprite-sheet></icon-sprite-sheet>
  1. Add attribute use-sprite to the octicon tag. This will reference the svg path in the sprite sheet
<icon symbol="Airplay" use-sprite></icon>

You can go a step further and use the <include> tag to define only those icons that you actually use.

<icon-sprite-sheet>
  <include symbol="Lock"></include>
  <include symbol="Paperclip"></include>
</icon-sprite-sheet>

The above markup will create an svg tag with Lock and Paperclip being the only icons on your page.

Icons

The icons are licensed under the Unlicensed license. Link to icons: https://www.systemuicons.com/

Based on Octicons.TagHelper by Alex Gausman

Product Compatible and additional computed target framework versions.
.NET net5.0 was computed.  net5.0-windows was computed.  net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
.NET Core netcoreapp3.1 is compatible. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.0.10 351 12/7/2022
1.0.9 360 11/8/2022
1.0.8 389 11/6/2022
1.0.7 359 11/5/2022
1.0.6 388 11/5/2022
1.0.5 382 11/5/2022
1.0.4 344 11/5/2022
1.0.3 356 11/5/2022
1.0.2 375 11/5/2022
1.0.0 452 11/5/2022