BrandUI Icon - PrimerBlazor

Basic Icon

<PrimerBrandIcon Icon="BrandIconName.Stack16" />

Icon Sizes

<PrimerStack Direction="StackDirection.Row" Gap="StackGap.Gap12">
    <PrimerBrandIcon Icon="BrandIconName.Stack16" Size="BrandIconSize.Xsmall" />
    <PrimerBrandIcon Icon="BrandIconName.Stack16" Size="BrandIconSize.Small" />
    <PrimerBrandIcon Icon="BrandIconName.Stack16" Size="BrandIconSize.Medium" />
    <PrimerBrandIcon Icon="BrandIconName.Stack16" Size="BrandIconSize.Large" />
</PrimerStack>

Icon Color

<PrimerStack Direction="StackDirection.Row" Gap="StackGap.Gap12">
    <PrimerBrandIcon Icon="BrandIconName.Stack16" Color="BrandIconColor.Green" />
    <PrimerBrandIcon Icon="BrandIconName.Stack16" Color="BrandIconColor.Red" />
    <PrimerBrandIcon Icon="BrandIconName.Stack16" Color="BrandIconColor.Blue" />
</PrimerStack>

Background Color

<PrimerStack Direction="StackDirection.Row" Gap="StackGap.Gap12">
    <PrimerBrandIcon Icon="BrandIconName.Stack16" BgColor="BrandIconColor.Yellow" />
    <PrimerBrandIcon Icon="BrandIconName.Stack16" BgColor="BrandIconColor.Red" Size="BrandIconSize.Small" />
</PrimerStack>

Icon Component Options

Available options for PrimerBrandIcon

Name	Description	Default Value	CSS Class
Icon	The icon to display from the sprite sheet	Rocket16	icon-visual
Size	Icon size (enum)	Medium	Icon--size-{size}
Color	Text (foreground) color	null	Icon--color-{color}
BgColor	Background color	null	Icon--background-color-{color}
ClassName	Additional CSS class	null	custom
Style	Inline style	null	-
AdditionalAttributes	Additional HTML attributes	null	-