Blazor.Heroicons 2.2.0

.NET 6.0 This package targets .NET 6.0. 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. 
dotnet add package Blazor.Heroicons --version 2.2.0
                    


                    

                
NuGet\Install-Package Blazor.Heroicons -Version 2.2.0
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="Blazor.Heroicons" Version="2.2.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Blazor.Heroicons" Version="2.2.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Blazor.Heroicons" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add Blazor.Heroicons --version 2.2.0
                    


                    

                
#r "nuget: Blazor.Heroicons, 2.2.0"
#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. 
#:package Blazor.Heroicons@2.2.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=Blazor.Heroicons&version=2.2.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Blazor.Heroicons&version=2.2.0
                    


                            Install as a Cake Tool

Blazor.Heroicons

A third-party Blazor component library for Heroicons.

Nuget package Heroicons version License

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 class="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="@HeroiconName.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" />

License

This library is MIT licensed.

Product 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 is compatible.  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 is compatible.  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 is compatible.  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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

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.1 115 3/1/2026
3.2.1 85 3/1/2026
3.2.0 87 3/1/2026
3.1.0 92 2/28/2026
3.0.0 156 2/28/2026
2.2.0 12,871 11/18/2024
2.1.5 3,720 7/10/2024
2.1.2.3 876 6/18/2024
2.1.2.2 3,566 3/23/2024
2.1.2.1 230 3/22/2024
2.1.2 2,339 12/19/2023
2.1.1 295 12/18/2023
2.0.1 961 11/23/2023
1.2.3 5,109 5/10/2023
1.2.2 309 5/7/2023
1.2.1 1,757 11/2/2022
1.2.0 522 10/31/2022
1.1.2 560 10/11/2022
Loading failed