Blazor.Heroicons 1.2.1

There is a newer version of this package available.
See the version list below for details.
dotnet add package Blazor.Heroicons --version 1.2.1
                    
NuGet\Install-Package Blazor.Heroicons -Version 1.2.1
                    
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="1.2.1" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Blazor.Heroicons" Version="1.2.1" />
                    
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 1.2.1
                    
#r "nuget: Blazor.Heroicons, 1.2.1"
                    
#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@1.2.1
                    
#: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=1.2.1
                    
Install as a Cake Addin
#tool nuget:?package=Blazor.Heroicons&version=1.2.1
                    
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 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="@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 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. 
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
2.2.0 11,353 11/18/2024
2.1.5 3,693 7/10/2024
2.1.2.3 863 6/18/2024
2.1.2.2 3,546 3/23/2024
2.1.2.1 217 3/22/2024
2.1.2 2,316 12/19/2023
2.1.1 273 12/18/2023
2.0.1 951 11/23/2023
1.2.3 5,095 5/10/2023
1.2.2 301 5/7/2023
1.2.1 1,748 11/2/2022
1.2.0 514 10/31/2022
1.1.2 547 10/11/2022
1.1.1 566 10/7/2022
1.1.0 554 10/7/2022
1.0.3 562 10/6/2022
1.0.2 525 10/6/2022
1.0.0 588 10/2/2022