FibonacciFox.JetBrains.Icons.Avalonia 1.0.1

JetBrains.Icons.Avalonia

A publicly available JetBrains Icons set compiled for the Avalonia UI library.

The library is taken as a basis Material.Icons

• Icon types are strongly typed enum, so your IDE will suggest available variants:

• FAQ - frequently asked questions

Avalonia

Getting started

1. Install JetBrains.Icons.Avalonia nuget package:

   dotnet add package JetBrains.Icons.Avalonia
   

   

2. Include styles in App.xaml (for 2.0.0 version and higher):

   <Application xmlns:jetBrainsIcons="clr-namespace:JetBrains.Icons.Avalonia;assembly=JetBrains.Icons.Avalonia" 
                ...>
     <Application.Styles>
       ...
         <jetBrainsIcons:JetBrainsIconStyles />
     </Application.Styles>
   </Application>
   

Using

Add JetBrains.Icons.Avalonia namespace to the root element of your file (your IDE can suggest it or do it automatically):

xmlns:jetBrainsIcons="clr-namespace:JetBrains.Icons.Avalonia;assembly=JetBrains.Icons.Avalonia"

Use JetBrainsIcon control:

<jetBrainsIcons:JetBrainsIcon Kind="HomeDark_Writerside" />

Also, there is JetBrainsIconExt which allows you to use is as the markup extension:

<Button Content="{jetBrainsIcons:JetBrainsIconExt Kind=HomeDark_Writerside}" />

Avalonia FuncUI (F#)

Getting started

1. Install JetBrains.Icons.Avalonia nuget package:

   dotnet add package JetBrains.Icons.Avalonia
   

   
2. Import styles in Application (or if you use XAML check instructions for plain Avalonia)

   type App() =
       inherit Application()
   
       override this.Initialize() =
           ..
           this.Styles.Add(JetBrainsIconStyles(null))
           ..
   

3. Create bindings for JetBrainsIcon

   namespace Avalonia.FuncUI.DSL
   
   [<AutoOpen>]
   module JetBrainsIcon =
       open JetBrains.Icons.Avalonia
       open Avalonia.FuncUI.Types
       open Avalonia.FuncUI.Builder
   
       let create (attrs: IAttr<JetBrainsIcon> list): IView<JetBrainsIcon> =
           ViewBuilder.Create<JetBrainsIcon>(attrs)
   
       type JetBrainsIcon with
   
           static member kind<'t when 't :> JetBrainsIcon>(value: JetBrainsIconKind) : IAttr<'t> =
               AttrBuilder<'t>.CreateProperty<MaterialIconKind>(JetBrainsIcon.KindProperty, value, ValueNone)
   

4. Use

   Button.create [
        Button.content (
            JetBrainsIcon.create [
                JetBrainsIcon.kind JetBrainsIconKind.Export
           ]
       )
   ]
   

FAQ

How to change size?

• If you are using JetBrainsIcon control - use Width or/and Height properties.
• If you are using JetBrainsIconExt - use Size property.

Icon naming

• There are two versions of icons: for light and dark theme of the application. For example:
  • ProjectDirectory_Actions\ProjectDirectoryDark_Actions:
    • ProjectDirectory(icon name)
    • Dark(used for dark theme of the application)
    • _Actions(section where the icon is located)