MarkupExtensions

MarkupExtensions (WPF and UWP)

A faster way to get an Icon for any ContentControl is to use the PackIcon MarkupExtension(s).

If you want e.g. a Button with an Icon from the PackIconFontAwesome then you can do this:

<Button Content="{iconPacks:FontAwesome StarRegular}" />

<!-- or -->

<Button Content="{iconPacks:FontAwesome Kind=StarRegular}" />

<StackPanel Orientation="Horizontal">
    <Button Content="{iconPacks:BoxIcons Kind=LogosApple}" />
    <Button Content="{iconPacks:Entypo Kind=Adjust}" />
    <Button Content="{iconPacks:EvaIcons Kind=AlertTriangleOutline}" />
    <Button Content="{iconPacks:FeatherIcons Kind=AlertTriangle}" />
    <Button Content="{iconPacks:FontAwesome Kind=AddressBookRegular}" />
    <Button Content="{iconPacks:Ionicons Kind=AnalyticsiOS}" />
    <Button Content="{iconPacks:JamIcons Kind=Anchor}" />
    <Button Content="{iconPacks:Material Kind=AccessPoint}" />
    <Button Content="{iconPacks:MaterialDesign Kind=AccessAlarm}" />
    <Button Content="{iconPacks:MaterialLight Kind=Alarm}" />
    <Button Content="{iconPacks:Microns Kind=Audio}" />
    <Button Content="{iconPacks:Modern Kind=Alert}" />
    <Button Content="{iconPacks:Octicons Kind=Archive}" />
    <Button Content="{iconPacks:PicolIcons Kind=Accept}" />
    <Button Content="{iconPacks:RPGAwesome Kind=AlienFire}" />
    <Button Content="{iconPacks:SimpleIcons Kind=AdobeCreativeCloud}" />
    <Button Content="{iconPacks:Typicons Kind=Anchor}" />
    <Button Content="{iconPacks:Unicons Kind=AccessibleIconAlt}" />
    <Button Content="{iconPacks:WeatherIcons Kind=DayCloudy}" />
    <Button Content="{iconPacks:Zondicons Kind=Anchor}" />
</StackPanel>

It's also possible to use some properties of the MarkupExtension like this:

<Button Content="{iconPacks:FontAwesome SpinnerSolid, Width=32, Height=32, Spin=True, SpinDuration=3}" />

Genral (generic) MarkupExtension (only WPF)

There is also a general (generic) MarkupExtension available (only WPF). With this MarkupExtension you can use any IconPack enumeration.

<Button Content="{iconPacks:PackIcon {x:Static iconPacks:PackIconMaterialKind.Cookie}, Width=32, Height=32}" />