PSC.Blazor.Components.Icons
6.0.2
See the version list below for details.
dotnet add package PSC.Blazor.Components.Icons --version 6.0.2
NuGet\Install-Package PSC.Blazor.Components.Icons -Version 6.0.2
<PackageReference Include="PSC.Blazor.Components.Icons" Version="6.0.2" />
paket add PSC.Blazor.Components.Icons --version 6.0.2
#r "nuget: PSC.Blazor.Components.Icons, 6.0.2"
// Install PSC.Blazor.Components.Icons as a Cake Addin #addin nuget:?package=PSC.Blazor.Components.Icons&version=6.0.2 // Install PSC.Blazor.Components.Icons as a Cake Tool #tool nuget:?package=PSC.Blazor.Components.Icons&version=6.0.2
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
<SVGIcon Elements="@SVGIcons.Code" />
Size and color
<SVGIcon Elements="@SVGIcon.Credit_card" Size="16" Color="blue" />
CSS class
<SVGIcon class="icon" Elements="@SVGIcons.Alarm" />
<SVGIcon class="icon" Elements="@SVGIcons.Code" />
<SVGIcon class="icon" Elements="@SVGIcons.Copy" Color="blue" />
Product | Versions 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. |
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.0)
- PSC.Blazor.Components.Common (>= 6.0.4)
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.