Get started with Blazor Icon

Blazor Icon is a simple to use blazor svg icon component with packages available for many popular svg icon libraries. Or, use with your own svg library!

Quick start

Get started by installing BlazorIcon, referencing it and displaying your favorite svg icon..

Install BlazorIcon
```
dotnet add package Rd.BlazorIcon
```
Add using for BlazorIcon in _Imports.razor
```
@using Rd.BlazorIcon
```

Add app stylesheet to index.html or App.razor

<link rel="stylesheet" href="{AppNamespace}.styles.css" />

Add a BlazorIcon with your favorite svg icon.
```
<BlazorIcon Icon="@{SvgIcon}" />
```

Use with Bootstrap Icons

Install the Bootstrap Icons package, reference it, and use it with BlazorIcon.

Install Bootstrap Icons

dotnet add package Rd.BlazorIcon.Bootstrap

Add using for Bootstrap Icons in _Imports.razor
```
@using Rd.BlazorIcon.Bootstrap
```
Add a BlazorIcon with your favorite Bootstrap Icon svg.
```
<BlazorIcon Icon="@BootstrapIcons.{IconName}" />
```

Use with FontAwesome Free Icons

Install the FontAwesome Icons package, reference it, and use it with BlazorIcon.

Install FontAwesome Icons

dotnet add package Rd.BlazorIcon.FontAwesome

Add using for FontAwesome Icons in _Imports.razor
```
@using Rd.BlazorIcon.FontAwesome
```

Add a BlazorIcon with your favorite FontAwesome Icon svg.

<BlazorIcon Icon="@FontAwesomeIcons.{Regular|Solid|Brand}.{IconName}" />

Use with Material Icons

Install the Material Icons package, reference it, and use it with BlazorIcon.

Install Material Icons

dotnet add package Rd.BlazorIcon.Material

Add using for Material Icons in _Imports.razor
```
@using Rd.BlazorIcon.Material
```

Add a BlazorIcon with your favorite Material Icon svg.

<BlazorIcon Icon="@MaterialIcons.{Baseline|Outline|Round|Sharp|TwoTone}.{IconName}" />