SystemUIcons.TagHelper
1.0.9
.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.
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package SystemUIcons.TagHelper --version 1.0.9
NuGet\Install-Package SystemUIcons.TagHelper -Version 1.0.9
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.9" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add SystemUIcons.TagHelper --version 1.0.9
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: SystemUIcons.TagHelper, 1.0.9"
#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.9 // Install SystemUIcons.TagHelper as a Cake Tool #tool nuget:?package=SystemUIcons.TagHelper&version=1.0.9
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
SystemUIcons TagHelper
An ASP.NET Core Tag Helper for System UIcons icon set.
Setup
- Install via NuGet
Install-Package SystemUIcons.TagHelper
- Add the tag helper to your view or
_ViewImports.cshtmlto access from any view.
@addTagHelper *, SystemUIcons.TagHelper
Usage
To render a symbol, use the <icon> tag.
<img src="https://gitlab.com/hnn/SystemUIcons.TagHelper/-/raw/main/systemuicons-in-action.gif">
If you want to optimize your page size, use the sprite sheet tag helper.
- Add this to your layout page
<icon-sprite-sheet></icon-sprite-sheet>
- Add attribute
use-spriteto 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 | Versions 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.
-
.NETCoreApp 3.1
- Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation (>= 3.1.30)
- Newtonsoft.Json (>= 13.0.1)
-
net6.0
- Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation (>= 6.0.10)
- Newtonsoft.Json (>= 13.0.1)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.