Vizor.Icons.Bootstrap 1.10.3

dotnet add package Vizor.Icons.Bootstrap --version 1.10.3
NuGet\Install-Package Vizor.Icons.Bootstrap -Version 1.10.3
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="Vizor.Icons.Bootstrap" Version="1.10.3" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Vizor.Icons.Bootstrap --version 1.10.3
#r "nuget: Vizor.Icons.Bootstrap, 1.10.3"
#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 Vizor.Icons.Bootstrap as a Cake Addin
#addin nuget:?package=Vizor.Icons.Bootstrap&version=1.10.3

// Install Vizor.Icons.Bootstrap as a Cake Tool
#tool nuget:?package=Vizor.Icons.Bootstrap&version=1.10.3

Vizor - Bootstrap icon pack

Includes

Add a package reference to Vizor.Icons.Bootstrap.

SVG icons do not require any additional imports.

Font icons require the following css to be included:

<link rel="stylesheet" href="_content/Vizor.Icons.Bootstrap/css/bootstrap-icons.css">

Namespace

Add the following namespace to _Imports.razor

@using Vizor.Icons.Bootstrap

Usage

SVG Icons

<BootstrapSvgIcon Icon="BootstrapSvgIcon.ExclamationTriangle" />
Property Type Description
Icon IconData Required. The icon to show.
Width string? Optional icon width. Overwrites the default if set.
Height string? Optional icon height. Overwrites the default if set.
CssClass string? Additional CSS classes. The value is appended to the svg class attribute.
Fill string? Optional fill. Overwrites the default if set.
ViewBox string? Optional viewBox. Overwrites the default if set.

Font Icons

<i class="BootstrapFontIcon.ExclamationTriangle" />

Contributing

Compiling

  1. Make sure you have a recent version of nodejs installed (>= 18)
  2. Install gulp (only once)
npm install --global gulp-cli
npm install --save-dev gulp gulp-clean
  1. Install bootstrap-icons from npm
npm install bootstrap-icons
  1. Run the gulp build script to retrieve all dependencies.
gulp

See https://gulpjs.com/docs/en/getting-started/quick-start/ for more information.

Updates

  1. Update the dependency version in package.json to the latest version
"dependencies": {
    "bootstrap-icons": "1.10.3"
}
  1. Run npm update
npm update bootstrap-icons
  1. Run gulp
  2. Update Vizor.Icons.Bootstrap.csproj to the correct version
<Version>1.10.3</Version>
  1. Rebuild the package
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

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.10.3 229 3/19/2023
1.9.1 333 11/2/2022
1.9.1-rc1 138 9/24/2022