HeroIcons.Avalonia

The beautiful handcrafted Icons by the makers of Tailwind CSS made available to your awesome Avalonia UI projects!

HeroIcons.Avalonia Demo App

How to Use

Install the latest HeroIcons.Avalonia Package from Nuget

Basic Usage

Add this to your control/window namespaces

xmlns:heroIcons="clr-namespace:HeroIconsAvalonia.Controls;assembly=HeroIconsAvalonia"

Use the HeroIcon control

<heroIcons:HeroIcon Foreground="White" Type="Pencil" />

By default, the HeroIcon color is black and the icon kind is outline, whe can change these properties if needed

<heroIcons:HeroIcon Foreground="White" Type="Pencil" Foreground="White" Kind="Solid" />

There are also 2 default sizes for the icon if you don't want to set the width and height, the Min property switches between 24px and 20px respectively

// By Default the icon is sized at 24px
// Set Min to True if you want the 20px or 'min' ico
// You can also set the Width/Height manually if needed
<heroIcons:HeroIcon Type="Pencil" Foreground="White" Kind="Outline" Min="True"/>

Donate

If you find this project helpful, please consider donating. It helps me afford more time to create tools like this for the community. ❤❤

Special Message

Special thanks to JetBrains for supporting this project by providing licences to the JetBrains Suite!