Skip to content

Commit 3d7534d

Browse files
Merge pull request #851 from ptasev/patch-1
Update how-to-use-icons.md to add Path Icons
2 parents f2b2be8 + a9848b5 commit 3d7534d

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

docs/guides/graphics-and-animation/how-to-use-icons.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ In Avalonia, using icons in your user interface can help to improve the look of
1010

1111

1212
## Using Icons in Avalonia
13-
Icons can be added to your Avalonia application in various ways. This guide will cover two common methods: using image files and using icon fonts.
13+
Icons can be added to your Avalonia application in various ways. This guide will cover three common methods: using image files, using icon fonts, and using path icons.
1414

1515
### Using Image Files
1616
One way to use icons in Avalonia is by using image files. You can use various formats like PNG, JPG, or BMP. Here's an example of how to use an image file as an icon:
@@ -31,6 +31,10 @@ Another way to use icons in Avalonia is by using icon fonts. Icon fonts allow yo
3131

3232
In this example, a `TextBlock` control is used to display an icon from the `FontAwesome` icon font. The `FontFamily` property of the `TextBlock` control is set to a resource URI that points to the font file, and the Text property is set to the Unicode value of the desired icon.
3333

34+
### Using Path Icons
35+
36+
Path icons can draw icons from `Geometry` which includes using paths from the scalable vector graphics (SVG) format that can be customized with size and color. See the [reference](/docs/reference/controls/path-icon) for how to use this control.
37+
3438
## Best Practices
3539

3640
While using icons can enhance the usability of your application, it is important to use them wisely. Keep the following tips in mind when using icons:

0 commit comments

Comments
 (0)