https://github.com/russkyc/heroicons-avalonia

Tailwind CSS creators' hand crafted icons made available to the AvaloniaUI Community
https://github.com/russkyc/heroicons-avalonia

avalonia avaloniaui csharp dotnet hero-icons icon iconpack tailwind-icons

Last synced: 25 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/russkyc/heroicons-avalonia
• Owner: russkyc
• License: mit
• Created: 2023-11-17T07:39:37.000Z (12 months ago)
• Default Branch: master
• Last Pushed: 2023-11-26T13:20:15.000Z (11 months ago)
• Last Synced: 2024-03-26T11:21:14.759Z (7 months ago)
• Topics: avalonia, avaloniaui, csharp, dotnet, hero-icons, icon, iconpack, tailwind-icons
• Language: C#
• Homepage:
• Size: 795 KB
• Stars: 43
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome-avalonia - HeroIcons.Avalonia - Hand crafted icons from [Heroicons](https://heroicons.com) made available to AvaloniaUI. (Libraries & Extensions / Theme & Icons)

README

        


HeroIcons.Avalonia




    

        

    

    

        

    

    

        

    

    

        

    



The [beautiful handcrafted Icons](https://www.heroicons.com) 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](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

```

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

```xaml

```

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

```

### 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!