Awesome
Heroicons.AspNetCore
Heroicons that are easy to use in ASP.NET Core MVC as TagHelpers.
The library is written in C# and released with an MIT license, so feel free to fork or use commercially.
Any feedback is appreciated, please visit the issues page or send me an e-mail.
Download
Binaries of the last build can be downloaded on the AppVeyor CI page of the project.
The library is also published on NuGet.org, install using:
dotnet add package Heroicons.AspNetCore.Mvc.TagHelpers
<sup>The package is built for .NET 6 or newer and ASP.NET Core MVC.</sup>
Usage
- Add package to your ASP.NET Core MVC project.
- Find
_ViewImports.cshtml
file and add the following line:
@addTagHelper *, Heroicons.AspNetCore.Mvc.TagHelpers
- In your
*.cshtml
views, you can then use the icon as tag helper:
<heroicon kind="Solid" name="Envelope" />
- The
kind
corresponds to style kind enum, currently, eitherSolid
(24x24)Outline
(24x24),Mini
(20x20), orMicro
(16x16). - The
name
corresponds to individual icons, currently there are over 200 of them. See https://heroicons.com/ for the complete overview. - Note that you can easily apply additional attributes (e.g. CSS classes), which makes it great for use with Tailwind CSS:
<heroicon class="ml-2 -mr-0.5 h-4 w-4" kind="Solid" name="Envelope" />
- You can also try the sample project in the
tests/
folder to see it running.