Icon

The BptIcon component renders Bootstrap Icons or Font Awesome icons with type-safe constants via BptIcons.Bootstrap.* and BptIcons.FontAwesome.*. It detects whether the required CSS library is loaded and warns in the browser console if not.

Icon Parameters

Icon CSS Class

Size (px): 32

Use Size

Color

Additional CSS Class

Disabled (Enabled=false)

Live Demo

bi bi-star

Icon Gallery

House

HouseFill

ArrowLeft

ArrowRight

ArrowUp

ArrowDown

ChevronLeft

ChevronRight

ChevronUp

ChevronDown

Plus

PlusCircle

PlusCircleFill

Dash

XCircle

XCircleFill

Check

CheckCircle

CheckCircleFill

Pencil

PencilFill

Trash

TrashFill

List

Grid

GridFill

Filter

SortDown

SortUp

ThreeDots

ThreeDotsVertical

Gear

GearFill

Play

PlayFill

Pause

PauseFill

Stop

StopFill

Camera

CameraFill

File

FileFill

FileText

FileTextFill

Folder

FolderFill

Clipboard

Save

Chat

ChatFill

Envelope

EnvelopeFill

Telephone

TelephoneFill

Person

PersonFill

People

PeopleFill

InfoCircle

InfoCircleFill

ExclamationTriangle

ExclamationTriangleFill

ExclamationCircle

ExclamationCircleFill

QuestionCircle

QuestionCircleFill

Calendar

CalendarFill

Clock

ClockFill

Heart

HeartFill

Star

StarFill

Eye

EyeSlash

Bell

BellFill

Lock

Unlock

Globe

PinFill

GeoAlt

GeoAltFill

Download

Upload

Link

Image

Lightning

LightningFill

Event Log

No events yet. Click the icon above.

Current Configuration

📋 [+]

<BptIcon Icon="@BptIcons.Bootstrap.Star" Size="32" Color="#0d6efd" OnClick="HandleClick" />

@code {
    private void HandleClick()
    {
        Console.WriteLine("Icon clicked!");
    }
}