https://github.com/tompazourek/Heroicons.AspNetCore

🖼 Heroicons (https://heroicons.com/) that are easy to use in ASP.NET Core MVC as TagHelpers.
https://github.com/tompazourek/Heroicons.AspNetCore

aspnet-core icons razor taghelpers tailwindcss

Last synced: 3 months ago
JSON representation

🖼 Heroicons (https://heroicons.com/) that are easy to use in ASP.NET Core MVC as TagHelpers.

• Host: GitHub
• URL: https://github.com/tompazourek/Heroicons.AspNetCore
• Owner: tompazourek
• License: mit
• Created: 2021-12-18T08:19:57.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-03-25T11:48:42.000Z (7 months ago)
• Last Synced: 2024-05-12T13:32:35.443Z (6 months ago)
• Topics: aspnet-core, icons, razor, taghelpers, tailwindcss
• Language: C#
• Homepage:
• Size: 169 KB
• Stars: 13
• Watchers: 3
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• csharp-source-generators - Heroicons.AspNetCore -   [Heroicons](https://heroicons.com/) that are easy to use in ASP.NET Core MVC as TagHelpers. (Projects using custom Source Generators "internally" / Other)

README

        
![Heroicons.AspNetCore logo](https://raw.githubusercontent.com/tompazourek/Heroicons.AspNetCore/master/assets/logo_32.png) Heroicons.AspNetCore

=====================

*[Heroicons](https://heroicons.com/) that are easy to use in ASP.NET Core MVC as TagHelpers.*

[![Build status](https://img.shields.io/appveyor/ci/tompazourek/heroicons-aspnetcore/master.svg)](https://ci.appveyor.com/project/tompazourek/heroicons-aspnetcore)

[![Tests](https://img.shields.io/appveyor/tests/tompazourek/heroicons-aspnetcore/master.svg)](https://ci.appveyor.com/project/tompazourek/heroicons-aspnetcore/build/tests)

[![codecov](https://codecov.io/gh/tompazourek/Heroicons.AspNetCore/branch/master/graph/badge.svg?token=31JTU6543K)](https://codecov.io/gh/tompazourek/Heroicons.AspNetCore)

[![NuGet version](https://img.shields.io/nuget/v/Heroicons.AspNetCore.Mvc.TagHelpers.svg)](https://www.nuget.org/packages/Heroicons.AspNetCore.Mvc.TagHelpers/)

[![NuGet downloads](https://img.shields.io/nuget/dt/Heroicons.AspNetCore.Mvc.TagHelpers.svg)](https://www.nuget.org/packages/Heroicons.AspNetCore.Mvc.TagHelpers/)

The library is written in C# and released with an [MIT license](https://raw.githubusercontent.com/tompazourek/Heroicons.AspNetCore.Mvc.TagHelpers/master/LICENSE), so feel **free to fork** or **use commercially**.

**Any feedback is appreciated, please visit the [issues](https://github.com/tompazourek/Heroicons.AspNetCore.Mvc.TagHelpers/issues?state=open) page or send me an [e-mail](mailto:[email protected]).**

Download

--------

Binaries of the last build can be downloaded on the [AppVeyor CI page of the project](https://ci.appveyor.com/project/tompazourek/heroicons-aspnetcore/build/artifacts).

The library is also [published on NuGet.org](https://www.nuget.org/packages/Heroicons.AspNetCore.Mvc.TagHelpers/), install using:

```

dotnet add package Heroicons.AspNetCore.Mvc.TagHelpers

```

The package is built for .NET 6 or newer and ASP.NET Core MVC.

Usage

-----

- Add package to your ASP.NET Core MVC project.

- Find `_ViewImports.cshtml` file and add the following line:

```cshtml

@addTagHelper *, Heroicons.AspNetCore.Mvc.TagHelpers

```

- In your `*.cshtml` views, you can then use the icon as tag helper:

```cshtml

```

- The `kind` corresponds to style kind enum, currently, either `Solid` (24x24) `Outline` (24x24), `Mini` (20x20), or `Micro` (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:

```cshtml

```

- You can also try the sample project in the `tests/` folder to see it running.