This project is an implementation of Bootstrap Icons for Xamarin.Forms.
Bootstrap Icon | Web Font | Xamarin.Forms.Bootstrap.Icons |
---|---|---|
123 | bi bi-123 | Z123 |
arrow-90deg-down | bi bi-arrow-90deg-down | Arrow90DegDown |
grid-1x2-fill | bi bi-grid-1x2-fill | Grid1X2Fill |
0 square | bi bi-0-square | Z0Square |
telephone-inbound | bi bi-telephone-inbound | TelephoneInbound |
umbrella | bi bi-umbrella | Umbrella |
1 circle fill | bi bi-1-circle-fill | Z1CircleFill |
Xamarin.Forms.Bootstrap.Icons can be loaded via NuGet .
Alternatively, Xamarin.Forms.Bootstrap.Icons can be installed as following:
Install-Package Xamarin.Forms.Bootstrap.Icons
dotnet add package Xamarin.Forms.Bootstrap.Icons
If you're using XAML, you can add this namespace to your root node: xmlns:bi="clr-namespace:Xamarin.Forms.Bootstrap.Icons;assembly=Xamarin.Forms.Bootstrap.Icons"
. I.e.:
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:bi="clr-namespace:Xamarin.Forms.Bootstrap.Icons;assembly=Xamarin.Forms.Bootstrap.Icons">
<!-- The rest of your page here -->
</ContentPage>
After this, start using the features you're after.
<FlyoutItem>
<FlyoutItem.Icon>
<bi:IconSource Icon="CurrencyDollar" Size="24" Color="White"/>
</FlyoutItem.Icon>
<!-- ... -->
</FlyoutItem>
<Image>
<Image.Source>
<bi:IconSource Icon="Pencil" Size="24" Color="#28B1D0"/>
</Image.Source>
</Image>
<FlyoutItem>
<ShellContent>
<ShellContent.Icon>
<bi:IconSource Icon="PinMap" Size="24"/>
</ShellContent.Icon>
</ShellContent>
<ShellContent>
<ShellContent.Icon>
<bi:IconSource Icon="ListStars" Size="24"/>
</ShellContent.Icon>
</ShellContent>
</FlyoutItem>
All supported icons can be found in the Icon.cs file.
- NETStandard.Library (>= 2.0.3)
- Xamarin.Forms (>= 4.5.0.356)
This project is licenced under the MIT License.