Blazor.Heroicons
1.1.2
See the version list below for details.
dotnet add package Blazor.Heroicons --version 1.1.2
NuGet\Install-Package Blazor.Heroicons -Version 1.1.2
<PackageReference Include="Blazor.Heroicons" Version="1.1.2" />
<PackageVersion Include="Blazor.Heroicons" Version="1.1.2" />
<PackageReference Include="Blazor.Heroicons" />
paket add Blazor.Heroicons --version 1.1.2
#r "nuget: Blazor.Heroicons, 1.1.2"
#:package Blazor.Heroicons@1.1.2
#addin nuget:?package=Blazor.Heroicons&version=1.1.2
#tool nuget:?package=Blazor.Heroicons&version=1.1.2
Blazor.Heroicons
A third-party Blazor component library for Heroicons.
Basic Usage
First, install Blazor.Heroicons from nuget:
dotnet add package Blazor.Heroicons
Now each icon can be used as a Blazor component:
@using Blazor.Heroicons.Solid
<div>
<BeakerIcon className="h-6 w-6 text-blue-500" />
<p>...</p>
</div>
The icons are preconfigured to be stylable by setting the color CSS property, either manually or using utility classes like text-gray-500 in a framework like Tailwind CSS.
<Heroicon />
You can also reference an icon by name, using the Heroicon component:
@using Blazor.Heroicons
<Heroicon Name="sparkles" Type="HeroiconType.Outline" class="h-6 w-6 text-yellow-600" />
Browse the full list of icons on Heroicons →
<RandomHeroicon />
If you want to get crazy, use the RandomHeroicon component to render a random icon:
@using Blazor.Heroicons
<RandomHeroicon Type="HeroiconType.Mini" class="h-6 w-6 text-green-700" />
Links
License
This library is MIT licensed.
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | 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. net9.0 was computed. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.0)
NuGet packages (1)
Showing the top 1 NuGet packages that depend on Blazor.Heroicons:
| Package | Downloads |
|---|---|
|
GANBlazor.UI
Modern, minimal Blazor UI component library with 20+ components (Button, Form, Card, Alert, Badge, Modal, Switch, Spinner, Tabs, Toast, Tooltip, Avatar) inspired by shadcn/ui. Requires Tailwind CSS in the consuming app. |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 3.2.1.2 | 45 | 9/9/2026 |
| 3.2.1.1 | 4,959 | 3/1/2026 |
| 3.2.1 | 149 | 3/1/2026 |
| 3.2.0 | 142 | 3/1/2026 |
| 3.1.0 | 148 | 2/28/2026 |
| 3.0.0 | 256 | 2/28/2026 |
| 2.2.0 | 24,855 | 11/18/2024 |
| 2.1.5 | 3,822 | 7/10/2024 |
| 2.1.2.3 | 923 | 6/18/2024 |
| 2.1.2.2 | 3,609 | 3/23/2024 |
| 2.1.2.1 | 279 | 3/22/2024 |
| 2.1.2 | 2,437 | 12/19/2023 |
| 2.1.1 | 418 | 12/18/2023 |
| 2.0.1 | 997 | 11/23/2023 |
| 1.2.3 | 5,342 | 5/10/2023 |
| 1.2.2 | 349 | 5/7/2023 |
| 1.2.1 | 1,794 | 11/2/2022 |
| 1.1.2 | 590 | 10/11/2022 |