DuoBlazorIcons 1.0.0

DuoBlazorIcons

Duo Blazor Icons is a set of multi-tone icons for Blazor.

Installation

Install the package from NuGet:

dotnet add package DuoBlazorIcons

Usage

To use the icons, you can use the Icon component:

@using DuoBlazorIcons.Components

<Icon Name="IconName.AddCircle" />

Or you can use the icon component directly:

@using DuoBlazorIcons.Components.Icons

<IconAddCircle />

Additionally, if you want the icons to be aligned with text, add the following stylesheet to your index.html:

<link href="_content/DuoBlazorIcons/duo-blazor-icons.css" rel="stylesheet" />

...or this small snippet of CSS:

.duo-blazor-icon {
    position: relative;
    top: 0.1em;
}

Development

Then icon components and the IconName enum are not versioned by git since they are purely generated code.

They will be generated when building the DuoBlazorIcons project using MSBuild.

To generate/update the icon components separately, you need to run the DuoBlazorIcons.Generator project:

dotnet run --project DuoBlazorIcons.Generator/DuoBlazorIcons.Generator.csproj

This will generate the IconName enum and the Icon<icon name> components.

Contributing

Contributions are welcome! Please open an issue or a pull request if you have any suggestions or improvements.

New icons should be added to fazdiu/duo-icons first, so open a PR there and then open a PR here to add the icon to the generator.

License

Duo Blazor Icons is licensed under the MIT License.

Attribution

The icons are based on the fazdiu/duo-icons project licensed under the MIT License.