PSC.Blazor.Components.Icons 6.0.1

.NET 6.0
There is a newer version of this package available.
See the version list below for details. 
dotnet add package PSC.Blazor.Components.Icons --version 6.0.1
NuGet\Install-Package PSC.Blazor.Components.Icons -Version 6.0.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="PSC.Blazor.Components.Icons" Version="6.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add PSC.Blazor.Components.Icons --version 6.0.1
#r "nuget: PSC.Blazor.Components.Icons, 6.0.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install PSC.Blazor.Components.Icons as a Cake Addin
#addin nuget:?package=PSC.Blazor.Components.Icons&version=6.0.1

// Install PSC.Blazor.Components.Icons as a Cake Tool
#tool nuget:?package=PSC.Blazor.Components.Icons&version=6.0.1

SVG Icons for Blazor

This component helps you to display a SVG image in your application.

Built-in images

The class SVGIcons has already 1298 SVG images ready to use.

Properties and events

OnClick

This is an EventCallback<MouseEventArgs> if you want to receive a callback when you user click on the image.

Color

The color of the SVG image.

Size

The size of the image in pixel (default 24 pixels)

StrokeWidth

The size of the pen to draw the image (default 2 pixels)

Elements

SVG image to display. If you have an SVG image pass only the content of SVG tag. For example if you want to display _2fa:

<path stroke='none' d='M0 0h24v24H0z' fill='none' />
<path d='M7 16h-4l3.47 -4.66a2 2 0 1 0 -3.47 -1.54' />
<path d='M10 16v-8h4' />
<line x1='10' y1='12' x2='13' y2='12' />
<path d='M17 16v-6a2 2 0 0 1 4 0v6' />
<line x1='17' y1='13' x2='21' y2='13' />

Filled

Define is you want to fill the image.

Rotate

The rotation to apply to your image

Examples

Basic use

<Icon Elements="@SVGIcons.Code" />

Size and color

<Icon Elements="@SVGIcon.Credit_card" Size="16" Color="blue" />

CSS class

<Icon class="icon" Elements="@SVGIcons.Alarm" />
<Icon class="icon" Elements="@SVGIcons.Code" />
<Icon class="icon" Elements="@SVGIcons.Copy" Color="blue" />
Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on PSC.Blazor.Components.Icons:

Package Downloads
PSC.Blazor.Components.Modals

Modal popup windows for Blazor

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
6.0.6 733 11/13/2023
6.0.5 19,484 1/27/2022
6.0.4 426 1/27/2022
6.0.3 443 1/27/2022
6.0.2 295 12/2/2021
6.0.1 610 12/2/2021
6.0.0 847 12/1/2021