Home

Awesome

Delphi Bootstrap Icons (.SVG)

The Bootstrap Icons library to use within Delphi.

<p align="center"> <a href="https://v5.getbootstrap.com/"> <img src="https://v5.getbootstrap.com/docs/5.0/assets/brand/bootstrap-logo-shadow.png" alt="Bootstrap logo" width="200" height="165"> </a> </p> <p align="center"> Open source SVG icon library with over 2,000 icons. </p>

Bootstrap Icons preview

Usage

SVG Code

uses uBootstrapIcons

...

// Returns SVG Code:
var HouseIconSVG := GetBootstrapIcon('house');
var ValveSteamIconSVG := GetBootstrapIcon('steam');
var BrushIconSVG := GetBootstrapIcon('brush');

// Returns SVG Code with Width/Height set to 24:
var HouseIconSVG := GetBootstrapIcon('house', '24'); 
var ValveSteamIconSVG := GetBootstrapIcon('steam', '24');
var BrushIconSVG := GetBootstrapIcon('brush', '24');

// Returns SVG Code with Width/Height set to 24 and color set to purple (#800080):
var HouseIconSVG := GetBootstrapIcon('house', '24', 'purple'); 
var ValveSteamIconSVG := GetBootstrapIcon('steam', '24', '#800080');
var BrushIconSVG := GetBootstrapIcon('brush', '24', 'purple');

SVG Path Data

uses uBootstrapIcons

...

// Returns SVG Path Data Text:
var HouseIconSVGPathData := GetBootstrapIconPathData('house'); 
var ValveSteamIconSVGPathData := GetBootstrapIconPathData('steam');
var BrushIconSVGPathData := GetBootstrapIconPathData('brush');

// Returns SVG Path Data Text with Width/Height set to 24:
var HouseIconSVGPathData := GetBootstrapIconPathData('house', '24'); 
var ValveSteamIconSVGPathData := GetBootstrapIconPathData('steam', '24');
var BrushIconSVGPathData := GetBootstrapIconPathData('brush', '24');

// Returns SVG Path Data Text with Width/Height set to 24 and color set to purple (#800080):
var HouseIconSVGPathData := GetBootstrapIconPathData('house', '24', 'purple'); 
var ValveSteamIconSVGPathData := GetBootstrapIconPathData('steam', '24', '#800080'); 
var BrushIconSVGPathData := GetBootstrapIconPathData('brush', '24', 'purple');

SVG Base64 Image

uses uBootstrapIcons

...

// Returns SVG Base64 Image:
var HouseIconSVGBase64 := GetBootstrapIconBase64('house');
var ValveSteamIconSVGBase64 := GetBootstrapIconBase64('steam');
var BrushIconSVGBase64 := GetBootstrapIconBase64('brush');

// Returns SVG Base64 Image with Width/Height set to 24:
var HouseIconSVGBase64 := GetBootstrapIconBase64('house', '24'); 
var ValveSteamIconSVGBase64 := GetBootstrapIconBase64('steam', '24');
var BrushIconSVGBase64 := GetBootstrapIconBase64('brush', '24');

// Returns SVG Base64 Image with Width/Height set to 24 and color set to purple (#800080):
var HouseIconSVGBase64 := GetBootstrapIconBase64('house', '24', 'purple'); 
var ValveSteamIconSVGBase64 := GetBootstrapIconBase64('steam', '24', '#800080');
var BrushIconSVGBase64 := GetBootstrapIconBase64('brush', '24', 'purple');

Other ways to use Bootstrap Icons: https://icons.getbootstrap.com/#usage

License

Other Delphi Icon Libraries