heroicons-avalonia

KO | EN

gitlite — search

#typescript #react #php #go #machine-learning #python #javascript #ios #webcomponents #python3 #docker #express

heroicons-avalonia

★ 107 Open GitHub ↗

Tailwind CSS creators' hand crafted icons made available to the AvaloniaUI Community

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h2 align="center">HeroIcons.Avalonia</h2>

The [beautiful handcrafted Icons](https://www.heroicons.com) by the makers of Tailwind CSS
made available to your awesome Avalonia UI projects!

<h4 align="center">HeroIcons.Avalonia Demo App</h4>

### How to Use

Install the latest HeroIcons.Avalonia Package from [Nuget](https://www.nuget.org/packages/HeroIcons.Avalonia)

**Basic Usage**

##### Add this to your control/window namespaces

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

##### Use the HeroIcon control

```xaml
<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

```xaml
<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

```xaml
// 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](https://www.jetbrains.com/) for supporting this project by providing licences to the JetBrains Suite!

heroicons-avalonia

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README