Blazor Icons
The Icon component will display an icon from any icon font.
Examples#
<Icon Name="IconName.Alarm" />
<Icon Name="IconName.AlarmFill" />
<Icon Name="IconName.Window" />
<Icon Name="IconName.Apple" />Sizes#
<Icon Name="IconName.Alarm" Size="IconSize.x2" />
<Icon Name="IconName.Alarm" Size="IconSize.x3" />
<Icon Name="IconName.Alarm" Size="IconSize.x4" />
<Icon Name="IconName.Alarm" Size="IconSize.x5" />Font awesome icons#
In the following example, we used Font Awesome 6.4.2 free version icons. For Font Awesome setup, please follow the Font Awesome website.
<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x1" />
<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x2" />
<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x3" />
<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x4" />
<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x5" />
<Icon CustomIconName="fa-solid fa-hands-clapping" Size="IconSize.x6" />Colors#
<Icon Name="IconName.Facebook" Size="IconSize.x2" Color="IconColor.Primary" />
<Icon Name="IconName.CloudLightningRainFill" Size="IconSize.x2" Color="IconColor.Secondary" />
<Icon Name="IconName.CheckAll" Size="IconSize.x2" Color="IconColor.Success" />
<Icon Name="IconName.Bug" Size="IconSize.x2" Color="IconColor.Danger" />
<Icon Name="IconName.ExclamationDiamondFill" Size="IconSize.x2" Color="IconColor.Warning" />
<Icon Name="IconName.InfoCircleFill" Size="IconSize.x2" Color="IconColor.Info" />
<Icon Name="IconName.CreditCard2FrontFill" Size="IconSize.x2" Color="IconColor.Light" />
<Icon Name="IconName.Apple" Size="IconSize.x2" Color="IconColor.Dark" />
<Icon Name="IconName.Asterisk" Size="IconSize.x2" Color="IconColor.Body" />
<Icon Name="IconName.VolumeMuteFill" Size="IconSize.x2" Color="IconColor.Muted" />
<Icon Name="IconName.BrowserSafari" Size="IconSize.x2" Color="IconColor.White" />Inline text with icon#
Inline text
Inline text <Icon Name="IconName.Alarm" />Link with icon#
<a href="#" class="text-decoration-none">
Example link text <Icon Name="IconName.Alarm" />
</a>Link with custom icon#
<a href="#" class="text-decoration-none">
Example link text <Icon CustomIconName="bi bi-bootstrap" />
</a>Button with icon and text#
<Button Color="ButtonColor.Primary"><Icon Name="IconName.Alarm" /> Button </Button>
<Button Color="ButtonColor.Success"><Icon Name="IconName.Alarm" /> Button </Button>
<Button Color="ButtonColor.Danger" Outline="true"><Icon Name="IconName.AlarmFill" /> Button </Button>Button with icon only#
<Button Color="ButtonColor.Secondary"><Icon Name="IconName.Alarm" /></Button>Button with font awesome icon#
In the following example, we used Font Awesome 6.4.2 free version icons. For Font Awesome setup, please follow the Font Awesome website.
<Button Color="ButtonColor.Secondary" TooltipTitle="Compare code">
<Icon CustomIconName="fa-solid fa-code-compare"/>
</Button>
<Button Color="ButtonColor.Secondary" TooltipTitle="Create pull request">
<Icon CustomIconName="fa-solid fa-code-pull-request" />
</Button>Icon with tooltip#
<Tooltip Title="Info Tooltip" role="button">
<Icon Name="IconName.InfoCircleFill"></Icon>
</Tooltip>Bootstrap Icons#
- Activity
- Airplane
- AirplaneEngines
- AirplaneEnginesFill
- AirplaneFill
- Alarm
- AlarmFill
- Alexa
- AlignBottom
- AlignCenter
- AlignEnd
- AlignMiddle
- AlignStart
- AlignTop
- Alipay
- Alphabet
- AlphabetUppercase
- Alt
- Amazon
- AMD
- Android
- Android2
- App
- AppIndicator
- Apple
- Archive
- ArchiveFill
- Arrow90DegDown
- Arrow90DegLeft
- Arrow90DegRight
- Arrow90DegUp
- ArrowBarDown
- ArrowBarLeft
- ArrowBarRight
- ArrowBarUp
- ArrowClockwise
- ArrowCounterclockwise
- ArrowDown
- ArrowDownCircle
- ArrowDownCircleFill
- ArrowDownLeft
- ArrowDownLeftCircle
- ArrowDownLeftCircleFill
- ArrowDownLeftSquare
- ArrowDownLeftSquareFill
- ArrowDownRight
- ArrowDownRightCircle
- ArrowDownRightCircleFill
- ArrowDownRightSquare
- ArrowDownRightSquareFill
- ArrowDownShort
- ArrowDownSquare
- ArrowDownSquareFill
- ArrowDownUp
- ArrowLeft
- ArrowLeftCircle
- ArrowLeftCircleFill
- ArrowLeftRight
- ArrowLeftShort
- ArrowLeftSquare
- ArrowLeftSquareFill
- ArrowRepeat
- ArrowReturnLeft
- ArrowReturnRight
- ArrowRight
- ArrowRightCircle
- ArrowRightCircleFill
- ArrowRightShort
- ArrowRightSquare
- ArrowRightSquareFill
- Arrows
- ArrowsAngleContract
- ArrowsAngleExpand
- ArrowsCollapse
- ArrowsCollapseVertical
- ArrowsExpand
- ArrowsExpandVertical
- ArrowsFullscreen
- ArrowsMove
- ArrowsVertical
- ArrowThroughHeart
- ArrowThroughHeartFill
- ArrowUp
- ArrowUpCircle
- ArrowUpCircleFill
- ArrowUpLeft
- ArrowUpLeftCircle
- ArrowUpLeftCircleFill
- ArrowUpLeftSquare
- ArrowUpLeftSquareFill
- ArrowUpRight
- ArrowUpRightCircle
- ArrowUpRightCircleFill
- ArrowUpRightSquare
- ArrowUpRightSquareFill
- ArrowUpShort
- ArrowUpSquare
- ArrowUpSquareFill
- AspectRatio
- AspectRatioFill
- Asterisk
- At
- Award
- AwardFill
- Back
- Backpack
- Backpack2
- Backpack2Fill
- Backpack3
- Backpack3Fill
- Backpack4
- Backpack4Fill
- BackpackFill
- Backspace
- BackspaceFill
- BackspaceReverse
- BackspaceReverseFill
- Badge3D
- Badge3DFill
- Badge4K
- Badge4KFill
- Badge8K
- Badge8KFill
- BadgeAd
- BadgeAdFill
- BadgeAr
- BadgeArFill
- BadgeCc
- BadgeCcFill
- BadgeHd
- BadgeHdFill
- BadgeSd
- BadgeSdFill
- BadgeTm
- BadgeTmFill
- BadgeVo
- BadgeVoFill
- BadgeVr
- BadgeVrFill
- BadgeWc
- BadgeWcFill
- Bag
- BagCheck
- BagCheckFill
- BagDash
- BagDashFill
- BagFill
- BagHeart
- BagHeartFill
- BagPlus
- BagPlusFill
- BagX
- BagXFill
- Balloon
- BalloonFill
- BalloonHeart
- BalloonHeartFill
- Ban
- Bandaid
- BandaidFill
- BanFill
- Bank
- Bank2
- BarChart
- BarChartFill
- BarChartLine
- BarChartLineFill
- BarChartSteps
- Basket
- Basket2
- Basket2Fill
- Basket3
- Basket3Fill
- BasketFill
- Battery
- BatteryCharging
- BatteryFull
- BatteryHalf
- Behance
- Bell
- BellFill
- BellSlash
- BellSlashFill
- Bezier
- Bezier2
- Bicycle
- Bing
- Binoculars
- BinocularsFill
- BlockquoteLeft
- BlockquoteRight
- Bluetooth
- BodyText
- Book
- BookFill
- BookHalf
- Bookmark
- BookmarkCheck
- BookmarkCheckFill
- BookmarkDash
- BookmarkDashFill
- BookmarkFill
- BookmarkHeart
- BookmarkHeartFill
- BookmarkPlus
- BookmarkPlusFill
- Bookmarks
- BookmarksFill
- BookmarkStar
- BookmarkStarFill
- BookmarkX
- BookmarkXFill
- Bookshelf
- Boombox
- BoomboxFill
- Bootstrap
- BootstrapFill
- BootstrapReboot
- Border
- BorderAll
- BorderBottom
- BorderCenter
- BorderInner
- BorderLeft
- BorderMiddle
- BorderOuter
- BorderRight
- BorderStyle
- BorderTop
- BorderWidth
- BoundingBox
- BoundingBoxCircles
- Box
- Box2
- Box2Fill
- Box2Heart
- Box2HeartFill
- BoxArrowDown
- BoxArrowDownLeft
- BoxArrowDownRight
- BoxArrowInDown
- BoxArrowInDownLeft
- BoxArrowInDownRight
- BoxArrowInLeft
- BoxArrowInRight
- BoxArrowInUp
- BoxArrowInUpLeft
- BoxArrowInUpRight
- BoxArrowLeft
- BoxArrowRight
- BoxArrowUp
- BoxArrowUpLeft
- BoxArrowUpRight
- Boxes
- BoxSeam
- BoxSeamFill
- Braces
- BracesAsterisk
- Bricks
- Briefcase
- BriefcaseFill
- BrightnessAltHigh
- BrightnessAltHighFill
- BrightnessAltLow
- BrightnessAltLowFill
- BrightnessHigh
- BrightnessHighFill
- BrightnessLow
- BrightnessLowFill
- Brilliance
- Broadcast
- BroadcastPin
- BrowserChrome
- BrowserEdge
- BrowserFirefox
- BrowserSafari
- Brush
- BrushFill
- Bucket
- BucketFill
- Bug
- BugFill
- Building
- BuildingAdd
- BuildingCheck
- BuildingDash
- BuildingDown
- BuildingExclamation
- BuildingFill
- BuildingFillAdd
- BuildingFillCheck
- BuildingFillDash
- BuildingFillDown
- BuildingFillExclamation
- BuildingFillGear
- BuildingFillLock
- BuildingFillSlash
- BuildingFillUp
- BuildingFillX
- BuildingGear
- BuildingLock
- Buildings
- BuildingsFill
- BuildingSlash
- BuildingUp
- BuildingX
- Bullseye
- BusFront
- BusFrontFill
- Cake
- Cake2
- Cake2Fill
- CakeFill
- Calculator
- CalculatorFill
- Calendar
- Calendar2
- Calendar2Check
- Calendar2CheckFill
- Calendar2Date
- Calendar2DateFill
- Calendar2Day
- Calendar2DayFill
- Calendar2Event
- Calendar2EventFill
- Calendar2Fill
- Calendar2Heart
- Calendar2HeartFill
- Calendar2Minus
- Calendar2MinusFill
- Calendar2Month
- Calendar2MonthFill
- Calendar2Plus
- Calendar2PlusFill
- Calendar2Range
- Calendar2RangeFill
- Calendar2Week
- Calendar2WeekFill
- Calendar2X
- Calendar2XFill
- Calendar3
- Calendar3Event
- Calendar3EventFill
- Calendar3Fill
- Calendar3Range
- Calendar3RangeFill
- Calendar3Week
- Calendar3WeekFill
- Calendar4
- Calendar4Event
- Calendar4Range
- Calendar4Week
- CalendarCheck
- CalendarCheckFill
- CalendarDate
- CalendarDateFill
- CalendarDay
- CalendarDayFill
- CalendarEvent
- CalendarEventFill
- CalendarFill
- CalendarHeart
- CalendarHeartFill
- CalendarMinus
- CalendarMinusFill
- CalendarMonth
- CalendarMonthFill
- CalendarPlus
- CalendarPlusFill
- CalendarRange
- CalendarRangeFill
- CalendarWeek
- CalendarWeekFill
- CalendarX
- CalendarXFill
- Camera
- Camera2
- CameraFill
- CameraReels
- CameraReelsFill
- CameraVideo
- CameraVideoFill
- CameraVideoOff
- CameraVideoOffFill
- Capslock
- CapslockFill
- Capsule
- CapsulePill
- CardChecklist
- CardHeading
- CardImage
- CardList
- CardText
- CaretDown
- CaretDownFill
- CaretDownSquare
- CaretDownSquareFill
- CaretLeft
- CaretLeftFill
- CaretLeftSquare
- CaretLeftSquareFill
- CaretRight
- CaretRightFill
- CaretRightSquare
- CaretRightSquareFill
- CaretUp
- CaretUpFill
- CaretUpSquare
- CaretUpSquareFill
- CarFront
- CarFrontFill
- Cart
- Cart2
- Cart3
- Cart4
- CartCheck
- CartCheckFill
- CartDash
- CartDashFill
- CartFill
- CartPlus
- CartPlusFill
- CartX
- CartXFill
- Cash
- CashCoin
- CashStack
- Cassette
- CassetteFill
- Cast
- CCCircle
- CCCircleFill
- CCircle
- CCircleFill
- CCircleSquare
- CCircleSquareFill
- CCSquare
- CCSquareFill
- Chat
- ChatDots
- ChatDotsFill
- ChatFill
- ChatHeart
- ChatHeartFill
- ChatLeft
- ChatLeftDots
- ChatLeftDotsFill
- ChatLeftFill
- ChatLeftHeart
- ChatLeftHeartFill
- ChatLeftQuote
- ChatLeftQuoteFill
- ChatLeftText
- ChatLeftTextFill
- ChatQuote
- ChatQuoteFill
- ChatRight
- ChatRightDots
- ChatRightDotsFill
- ChatRightFill
- ChatRightHeart
- ChatRightHeartFill
- ChatRightQuote
- ChatRightQuoteFill
- ChatRightText
- ChatRightTextFill
- ChatSquare
- ChatSquareDots
- ChatSquareDotsFill
- ChatSquareFill
- ChatSquareHeart
- ChatSquareHeartFill
- ChatSquareQuote
- ChatSquareQuoteFill
- ChatSquareText
- ChatSquareTextFill
- ChatText
- ChatTextFill
- Check
- Check2
- Check2All
- Check2Circle
- Check2Square
- CheckAll
- CheckCircle
- CheckCircleFill
- CheckLg
- CheckSquare
- CheckSquareFill
- ChevronBarContract
- ChevronBarDown
- ChevronBarExpand
- ChevronBarLeft
- ChevronBarRight
- ChevronBarUp
- ChevronCompactDown
- ChevronCompactLeft
- ChevronCompactRight
- ChevronCompactUp
- ChevronContract
- ChevronDoubleDown
- ChevronDoubleLeft
- ChevronDoubleRight
- ChevronDoubleUp
- ChevronDown
- ChevronExpand
- ChevronLeft
- ChevronRight
- ChevronUp
- Circle
- CircleFill
- CircleHalf
- CircleSquare
- Clipboard
- Clipboard2
- Clipboard2Check
- Clipboard2CheckFill
- Clipboard2Data
- Clipboard2DataFill
- Clipboard2Fill
- Clipboard2Heart
- Clipboard2HeartFill
- Clipboard2Minus
- Clipboard2MinusFill
- Clipboard2Plus
- Clipboard2PlusFill
- Clipboard2Pulse
- Clipboard2PulseFill
- Clipboard2X
- Clipboard2XFill
- ClipboardCheck
- ClipboardCheckFill
- ClipboardData
- ClipboardDataFill
- ClipboardFill
- ClipboardHeart
- ClipboardHeartFill
- ClipboardMinus
- ClipboardMinusFill
- ClipboardPlus
- ClipboardPlusFill
- ClipboardPulse
- ClipboardX
- ClipboardXFill
- Clock
- ClockFill
- ClockHistory
- Cloud
- CloudArrowDown
- CloudArrowDownFill
- CloudArrowUp
- CloudArrowUpFill
- CloudCheck
- CloudCheckFill
- CloudDownload
- CloudDownloadFill
- CloudDrizzle
- CloudDrizzleFill
- CloudFill
- CloudFog
- CloudFog2
- CloudFog2Fill
- CloudFogFill
- CloudHail
- CloudHailFill
- CloudHaze
- CloudHaze2
- CloudHaze2Fill
- CloudHazeFill
- CloudLightning
- CloudLightningFill
- CloudLightningRain
- CloudLightningRainFill
- CloudMinus
- CloudMinusFill
- CloudMoon
- CloudMoonFill
- CloudPlus
- CloudPlusFill
- CloudRain
- CloudRainFill
- CloudRainHeavy
- CloudRainHeavyFill
- Clouds
- CloudsFill
- CloudSlash
- CloudSlashFill
- CloudSleet
- CloudSleetFill
- CloudSnow
- CloudSnowFill
- CloudSun
- CloudSunFill
- CloudUpload
- CloudUploadFill
- Cloudy
- CloudyFill
- Code
- CodeSlash
- CodeSquare
- Coin
- Collection
- CollectionFill
- CollectionPlay
- CollectionPlayFill
- Columns
- ColumnsGap
- Command
- Compass
- CompassFill
- Cone
- ConeStriped
- Controller
- Cookie
- Copy
- Cpu
- CpuFill
- CreditCard
- CreditCard2Back
- CreditCard2BackFill
- CreditCard2Front
- CreditCard2FrontFill
- CreditCardFill
- Crop
- Crosshair
- Crosshair2
- Cup
- CupFill
- CupHot
- CupHotFill
- CupStraw
- CurrencyBitcoin
- CurrencyDollar
- CurrencyEuro
- CurrencyExchange
- CurrencyPound
- CurrencyRupee
- CurrencyYen
- Cursor
- CursorFill
- CursorText
- Dash
- DashCircle
- DashCircleDotted
- DashCircleFill
- DashLg
- DashSquare
- DashSquareDotted
- DashSquareFill
- Database
- DatabaseAdd
- DatabaseCheck
- DatabaseDash
- DatabaseDown
- DatabaseExclamation
- DatabaseFill
- DatabaseFillAdd
- DatabaseFillCheck
- DatabaseFillDash
- DatabaseFillDown
- DatabaseFillExclamation
- DatabaseFillGear
- DatabaseFillLock
- DatabaseFillSlash
- DatabaseFillUp
- DatabaseFillX
- DatabaseGear
- DatabaseLock
- DatabaseSlash
- DatabaseUp
- DatabaseX
- DeviceHdd
- DeviceHddFill
- DeviceSsd
- DeviceSsdFill
- Diagram2
- Diagram2Fill
- Diagram3
- Diagram3Fill
- Diamond
- DiamondFill
- DiamondHalf
- Dice1
- Dice1Fill
- Dice2
- Dice2Fill
- Dice3
- Dice3Fill
- Dice4
- Dice4Fill
- Dice5
- Dice5Fill
- Dice6
- Dice6Fill
- Disc
- DiscFill
- Discord
- Display
- DisplayFill
- Displayport
- DisplayportFill
- DistributeHorizontal
- DistributeVertical
- DoorClosed
- DoorClosedFill
- DoorOpen
- DoorOpenFill
- Dot
- Download
- Dpad
- DpadFill
- Dribbble
- Dropbox
- Droplet
- DropletFill
- DropletHalf
- Duffle
- DuffleFill
- Ear
- Earbuds
- EarFill
- Easel
- Easel2
- Easel2Fill
- Easel3
- Easel3Fill
- EaselFill
- Egg
- EggFill
- EggFried
- EightCircle
- EightCircleFill
- EightSquare
- EightSquareFill
- Eject
- EjectFill
- EmojiAngry
- EmojiAngryFill
- EmojiAstonished
- EmojiAstonishedFill
- EmojiDizzy
- EmojiDizzyFill
- EmojiExpressionless
- EmojiExpressionlessFill
- EmojiFrown
- EmojiFrownFill
- EmojiGrimace
- EmojiGrimaceFill
- EmojiGrin
- EmojiGrinFill
- EmojiHeartEyes
- EmojiHeartEyesFill
- EmojiKiss
- EmojiKissFill
- EmojiLaughing
- EmojiLaughingFill
- EmojiNeutral
- EmojiNeutralFill
- EmojiSmile
- EmojiSmileFill
- EmojiSmileUpsideDown
- EmojiSmileUpsideDownFill
- EmojiSunglasses
- EmojiSunglassesFill
- EmojiSurprise
- EmojiSurpriseFill
- EmojiTear
- EmojiTearFill
- EmojiWink
- EmojiWinkFill
- Envelope
- EnvelopeArrowDown
- EnvelopeArrowDownFill
- EnvelopeArrowUp
- EnvelopeArrowUpFill
- EnvelopeAt
- EnvelopeAtFill
- EnvelopeCheck
- EnvelopeCheckFill
- EnvelopeDash
- EnvelopeDashFill
- EnvelopeExclamation
- EnvelopeExclamationFill
- EnvelopeFill
- EnvelopeHeart
- EnvelopeHeartFill
- EnvelopeOpen
- EnvelopeOpenFill
- EnvelopeOpenHeart
- EnvelopeOpenHeartFill
- EnvelopePaper
- EnvelopePaperFill
- EnvelopePaperHeart
- EnvelopePaperHeartFill
- EnvelopePlus
- EnvelopePlusFill
- EnvelopeSlash
- EnvelopeSlashFill
- EnvelopeX
- EnvelopeXFill
- Eraser
- EraserFill
- Escape
- Ethernet
- EVFront
- EVFrontFill
- EVStation
- EVStationFill
- Exclamation
- ExclamationCircle
- ExclamationCircleFill
- ExclamationDiamond
- ExclamationDiamondFill
- ExclamationLg
- ExclamationOctagon
- ExclamationOctagonFill
- ExclamationSquare
- ExclamationSquareFill
- ExclamationTriangle
- ExclamationTriangleFill
- Exclude
- Explicit
- ExplicitFill
- Exposure
- Eye
- Eyedropper
- EyeFill
- Eyeglasses
- EyeSlash
- EyeSlashFill
- Facebook
- Fan
- FastForward
- FastForwardBtn
- FastForwardBtnFill
- FastForwardCircle
- FastForwardCircleFill
- FastForwardFill
- Feather
- Feather2
- File
- FileArrowDown
- FileArrowDownFill
- FileArrowUp
- FileArrowUpFill
- FileBarGraph
- FileBarGraphFill
- FileBinary
- FileBinaryFill
- FileBreak
- FileBreakFill
- FileCheck
- FileCheckFill
- FileCode
- FileCodeFill
- FileDiff
- FileDiffFill
- FileEarmark
- FileEarmarkArrowDown
- FileEarmarkArrowDownFill
- FileEarmarkArrowUp
- FileEarmarkArrowUpFill
- FileEarmarkBarGraph
- FileEarmarkBarGraphFill
- FileEarmarkBinary
- FileEarmarkBinaryFill
- FileEarmarkBreak
- FileEarmarkBreakFill
- FileEarmarkCheck
- FileEarmarkCheckFill
- FileEarmarkCode
- FileEarmarkCodeFill
- FileEarmarkDiff
- FileEarmarkDiffFill
- FileEarmarkEasel
- FileEarmarkEaselFill
- FileEarmarkExcel
- FileEarmarkExcelFill
- FileEarmarkFill
- FileEarmarkFont
- FileEarmarkFontFill
- FileEarmarkImage
- FileEarmarkImageFill
- FileEarmarkLock
- FileEarmarkLock2
- FileEarmarkLock2Fill
- FileEarmarkLockFill
- FileEarmarkMedical
- FileEarmarkMedicalFill
- FileEarmarkMinus
- FileEarmarkMinusFill
- FileEarmarkMusic
- FileEarmarkMusicFill
- FileEarmarkPdf
- FileEarmarkPdfFill
- FileEarmarkPerson
- FileEarmarkPersonFill
- FileEarmarkPlay
- FileEarmarkPlayFill
- FileEarmarkPlus
- FileEarmarkPlusFill
- FileEarmarkPost
- FileEarmarkPostFill
- FileEarmarkPpt
- FileEarmarkPptFill
- FileEarmarkRichtext
- FileEarmarkRichtextFill
- FileEarmarkRuled
- FileEarmarkRuledFill
- FileEarmarkSlides
- FileEarmarkSlidesFill
- FileEarmarkSpreadsheet
- FileEarmarkSpreadsheetFill
- FileEarmarkText
- FileEarmarkTextFill
- FileEarmarkWord
- FileEarmarkWordFill
- FileEarmarkX
- FileEarmarkXFill
- FileEarmarkZip
- FileEarmarkZipFill
- FileEasel
- FileEaselFill
- FileExcel
- FileExcelFill
- FileFill
- FileFont
- FileFontFill
- FileImage
- FileImageFill
- FileLock
- FileLock2
- FileLock2Fill
- FileLockFill
- FileMedical
- FileMedicalFill
- FileMinus
- FileMinusFill
- FileMusic
- FileMusicFill
- FilePdf
- FilePdfFill
- FilePerson
- FilePersonFill
- FilePlay
- FilePlayFill
- FilePlus
- FilePlusFill
- FilePost
- FilePostFill
- FilePpt
- FilePptFill
- FileRichtext
- FileRichtextFill
- FileRuled
- FileRuledFill
- Files
- FilesAlt
- FileSlides
- FileSlidesFill
- FileSpreadsheet
- FileSpreadsheetFill
- FileText
- FileTextFill
- FileTypeAac
- FileTypeAi
- FileTypeBmp
- FileTypeCs
- FileTypeCss
- FileTypeCsv
- FileTypeDoc
- FileTypeDocx
- FileTypeExe
- FileTypeGif
- FileTypeHeic
- FileTypeHtml
- FileTypeJava
- FileTypeJpg
- FileTypeJs
- FileTypeJson
- FileTypeJsx
- FileTypeKey
- FileTypeM4p
- FileTypeMd
- FileTypeMdx
- FileTypeMov
- FileTypeMp3
- FileTypeMp4
- FileTypeOtf
- FileTypePdf
- FileTypePhp
- FileTypePng
- FileTypePpt
- FileTypePptx
- FileTypePsd
- FileTypePy
- FileTypeRaw
- FileTypeRb
- FileTypeSass
- FileTypeScss
- FileTypeSh
- FileTypeSql
- FileTypeSvg
- FileTypeTiff
- FileTypeTsx
- FileTypeTtf
- FileTypeTxt
- FileTypeWav
- FileTypeWoff
- FileTypeXls
- FileTypeXlsx
- FileTypeXml
- FileTypeYml
- FileWord
- FileWordFill
- FileX
- FileXFill
- FileZip
- FileZipFill
- Film
- Filter
- FilterCircle
- FilterCircleFill
- FilterLeft
- FilterRight
- FilterSquare
- FilterSquareFill
- Fingerprint
- Fire
- FiveCircle
- FiveCircleFill
- FiveSquare
- FiveSquareFill
- Flag
- FlagFill
- Floppy
- Floppy2
- Floppy2Fill
- FloppyFill
- Flower1
- Flower2
- Flower3
- Folder
- Folder2
- Folder2Open
- FolderCheck
- FolderFill
- FolderMinus
- FolderPlus
- FolderSymlink
- FolderSymlinkFill
- FolderX
- Fonts
- Forward
- ForwardFill
- FourCircle
- FourCircleFill
- FourSquare
- FourSquareFill
- Front
- FuelPump
- FuelPumpDiesel
- FuelPumpDieselFill
- FuelPumpFill
- Fullscreen
- FullscreenExit
- Funnel
- FunnelFill
- Gear
- GearFill
- GearWide
- GearWideConnected
- Gem
- GenderAmbiguous
- GenderFemale
- GenderMale
- GenderNeuter
- GenderTrans
- Geo
- GeoAlt
- GeoAltFill
- GeoFill
- Gift
- GiftFill
- Git
- Github
- Gitlab
- Globe
- Globe2
- GlobeAmericas
- GlobeAsiaAustralia
- GlobeCentralSouthAsia
- GlobeEuropeAfrica
- Google
- GooglePlay
- GpuCard
- GraphDown
- GraphDownArrow
- GraphUp
- GraphUpArrow
- Grid
- Grid1X2
- Grid1X2Fill
- Grid3X2
- Grid3X2Gap
- Grid3X2GapFill
- Grid3X3
- Grid3X3Gap
- Grid3X3GapFill
- GridFill
- GripHorizontal
- GripVertical
- Hammer
- Handbag
- HandbagFill
- HandIndex
- HandIndexFill
- HandIndexThumb
- HandIndexThumbFill
- HandThumbsDown
- HandThumbsDownFill
- HandThumbsUp
- HandThumbsUpFill
- Hash
- HCircle
- HCircleFill
- Hdd
- HddFill
- HddNetwork
- HddNetworkFill
- HddRack
- HddRackFill
- HddStack
- HddStackFill
- Hdmi
- HdmiFill
- Headphones
- Headset
- HeadsetVr
- Heart
- HeartArrow
- HeartBreak
- HeartBreakFill
- HeartFill
- HeartHalf
- HeartPulse
- HeartPulseFill
- Hearts
- Heptagon
- HeptagonFill
- HeptagonHalf
- Hexagon
- HexagonFill
- HexagonHalf
- Highlighter
- Highlights
- Hospital
- HospitalFill
- Hourglass
- HourglassBottom
- HourglassSplit
- HourglassTop
- House
- HouseAdd
- HouseAddFill
- HouseCheck
- HouseCheckFill
- HouseDash
- HouseDashFill
- HouseDoor
- HouseDoorFill
- HouseDown
- HouseDownFill
- HouseExclamation
- HouseExclamationFill
- HouseFill
- HouseGear
- HouseGearFill
- HouseHeart
- HouseHeartFill
- HouseLock
- HouseLockFill
- Houses
- HousesFill
- HouseSlash
- HouseSlashFill
- HouseUp
- HouseUpFill
- HouseX
- HouseXFill
- Hr
- HSquare
- HSquareFill
- Hurricane
- Hypnotize
- Image
- ImageAlt
- ImageFill
- Images
- Inbox
- Inboxes
- InboxesFill
- InboxFill
- Incognito
- Indent
- Infinity
- Info
- InfoCircle
- InfoCircleFill
- InfoLg
- InfoSquare
- InfoSquareFill
- InputCursor
- InputCursorText
- Instagram
- Intersect
- Journal
- JournalAlbum
- JournalArrowDown
- JournalArrowUp
- JournalBookmark
- JournalBookmarkFill
- JournalCheck
- JournalCode
- JournalMedical
- JournalMinus
- JournalPlus
- JournalRichtext
- Journals
- JournalText
- JournalX
- Joystick
- Justify
- JustifyLeft
- JustifyRight
- Kanban
- KanbanFill
- Key
- Keyboard
- KeyboardFill
- KeyFill
- Ladder
- Lamp
- LampFill
- Laptop
- LaptopFill
- LayerBackward
- LayerForward
- Layers
- LayersFill
- LayersHalf
- LayoutSidebar
- LayoutSidebarInset
- LayoutSidebarInsetReverse
- LayoutSidebarReverse
- LayoutSplit
- LayoutTextSidebar
- LayoutTextSidebarReverse
- LayoutTextWindow
- LayoutTextWindowReverse
- LayoutThreeColumns
- LayoutWtf
- LifePreserver
- Lightbulb
- LightbulbFill
- LightbulbOff
- LightbulbOffFill
- Lightning
- LightningCharge
- LightningChargeFill
- LightningFill
- Line
- Link
- Link45Deg
- Linkedin
- List
- ListCheck
- ListColumns
- ListColumnsReverse
- ListNested
- ListOl
- ListStars
- ListTask
- ListUl
- Lock
- LockFill
- Luggage
- LuggageFill
- Lungs
- LungsFill
- Magic
- Magnet
- MagnetFill
- Mailbox
- Mailbox2
- Mailbox2Flag
- MailboxFlag
- Map
- MapFill
- Markdown
- MarkdownFill
- MarkerTip
- Mask
- Mastodon
- Medium
- Megaphone
- MegaphoneFill
- Memory
- MenuApp
- MenuAppFill
- MenuButton
- MenuButtonFill
- MenuButtonWide
- MenuButtonWideFill
- MenuDown
- MenuUp
- Messenger
- Meta
- Mic
- MicFill
- MicMute
- MicMuteFill
- Microsoft
- MicrosoftTeams
- Minecart
- MinecartLoaded
- Modem
- ModemFill
- Moisture
- Moon
- MoonFill
- MoonStars
- MoonStarsFill
- Mortarboard
- MortarboardFill
- Motherboard
- MotherboardFill
- Mouse
- Mouse2
- Mouse2Fill
- Mouse3
- Mouse3Fill
- MouseFill
- MusicNote
- MusicNoteBeamed
- MusicNoteList
- MusicPlayer
- MusicPlayerFill
- Newspaper
- NineCircle
- NineCircleFill
- NineSquare
- NineSquareFill
- NintendoSwitch
- NodeMinus
- NodeMinusFill
- NodePlus
- NodePlusFill
- NoiseReduction
- Nut
- NutFill
- Nvidia
- Nvme
- NvmeFill
- Octagon
- OctagonFill
- OctagonHalf
- OneCircle
- OneCircleFill
- OneSquare
- OneSquareFill
- OneTwoThree
- Opencollective
- OpticalAudio
- OpticalAudioFill
- Option
- Outlet
- PaintBucket
- Palette
- Palette2
- PaletteFill
- Paperclip
- Paragraph
- Pass
- PassFill
- Passport
- PassportFill
- PatchCheck
- PatchCheckFill
- PatchExclamation
- PatchExclamationFill
- PatchMinus
- PatchMinusFill
- PatchPlus
- PatchPlusFill
- PatchQuestion
- PatchQuestionFill
- Pause
- PauseBtn
- PauseBtnFill
- PauseCircle
- PauseCircleFill
- PauseFill
- Paypal
- Pc
- PcDisplay
- PcDisplayHorizontal
- PcHorizontal
- PciCard
- PciCardNetwork
- PciCardSound
- PCircle
- PCircleFill
- Peace
- PeaceFill
- Pen
- Pencil
- PencilFill
- PencilSquare
- PenFill
- Pentagon
- PentagonFill
- PentagonHalf
- People
- PeopleFill
- Percent
- Person
- PersonAdd
- PersonArmsUp
- PersonBadge
- PersonBadgeFill
- PersonBoundingBox
- PersonCheck
- PersonCheckFill
- PersonCircle
- PersonDash
- PersonDashFill
- PersonDown
- PersonExclamation
- PersonFill
- PersonFillAdd
- PersonFillCheck
- PersonFillDash
- PersonFillDown
- PersonFillExclamation
- PersonFillGear
- PersonFillLock
- PersonFillSlash
- PersonFillUp
- PersonFillX
- PersonGear
- PersonHeart
- PersonHearts
- PersonLinesFill
- PersonLock
- PersonPlus
- PersonPlusFill
- PersonRaisedHand
- PersonRolodex
- PersonSlash
- PersonSquare
- PersonStanding
- PersonStandingDress
- PersonUp
- PersonVCard
- PersonVCardFill
- PersonVideo
- PersonVideo2
- PersonVideo3
- PersonWalking
- PersonWheelchair
- PersonWorkspace
- PersonX
- PersonXFill
- Phone
- PhoneFill
- PhoneFlip
- PhoneLandscape
- PhoneLandscapeFill
- PhoneVibrate
- PhoneVibrateFill
- PieChart
- PieChartFill
- PiggyBank
- PiggyBankFill
- Pin
- PinAngle
- PinAngleFill
- PinFill
- PinMap
- PinMapFill
- Pinterest
- Pip
- PipFill
- Play
- PlayBtn
- PlayBtnFill
- PlayCircle
- PlayCircleFill
- PlayFill
- Playstation
- Plug
- PlugFill
- Plugin
- Plus
- PlusCircle
- PlusCircleDotted
- PlusCircleFill
- PlusLg
- PlusSlashMinus
- PlusSquare
- PlusSquareDotted
- PlusSquareFill
- Postage
- PostageFill
- PostageHeart
- PostageHeartFill
- Postcard
- PostcardFill
- PostcardHeart
- PostcardHeartFill
- Power
- Prescription
- Prescription2
- Printer
- PrinterFill
- Projector
- ProjectorFill
- PSquare
- PSquareFill
- Puzzle
- PuzzleFill
- QrCode
- QrCodeScan
- Question
- QuestionCircle
- QuestionCircleFill
- QuestionDiamond
- QuestionDiamondFill
- QuestionLg
- QuestionOctagon
- QuestionOctagonFill
- QuestionSquare
- QuestionSquareFill
- Quora
- Quote
- Radar
- Radioactive
- Rainbow
- RCircle
- RCircleFill
- Receipt
- ReceiptCutoff
- Reception0
- Reception1
- Reception2
- Reception3
- Reception4
- Record
- Record2
- Record2Fill
- RecordBtn
- RecordBtnFill
- RecordCircle
- RecordCircleFill
- RecordFill
- Recycle
- Reddit
- Regex
- Repeat
- Repeat1
- Reply
- ReplyAll
- ReplyAllFill
- ReplyFill
- Rewind
- RewindBtn
- RewindBtnFill
- RewindCircle
- RewindCircleFill
- RewindFill
- Robot
- Rocket
- RocketFill
- RocketTakeOff
- RocketTakeOffFill
- Router
- RouterFill
- RSquare
- RSquareFill
- Rss
- RssFill
- Rulers
- Safe
- Safe2
- Safe2Fill
- SafeFill
- Save
- Save2
- Save2Fill
- SaveFill
- Scissors
- Scooter
- Screwdriver
- SdCard
- SdCardFill
- Search
- SearchHeart
- SearchHeartFill
- SegmentedNav
- Send
- SendArrowDown
- SendArrowDownFill
- SendArrowUp
- SendArrowUpFill
- SendCheck
- SendCheckFill
- SendDash
- SendDashFill
- SendExclamation
- SendExclamationFill
- SendFill
- SendPlus
- SendPlusFill
- SendSlash
- SendSlashFill
- SendX
- SendXFill
- Server
- SevenCircle
- SevenCircleFill
- SevenSquare
- SevenSquareFill
- Shadows
- Share
- ShareFill
- Shield
- ShieldCheck
- ShieldExclamation
- ShieldFill
- ShieldFillCheck
- ShieldFillExclamation
- ShieldFillMinus
- ShieldFillPlus
- ShieldFillX
- ShieldLock
- ShieldLockFill
- ShieldMinus
- ShieldPlus
- ShieldShaded
- ShieldSlash
- ShieldSlashFill
- ShieldX
- Shift
- ShiftFill
- Shop
- ShopWindow
- Shuffle
- Signal
- SignDeadEnd
- SignDeadEndFill
- SignDoNotEnter
- SignDoNotEnterFill
- SignIntersection
- SignIntersectionFill
- SignIntersectionSide
- SignIntersectionSideFill
- SignIntersectionT
- SignIntersectionTFill
- SignIntersectionY
- SignIntersectionYFill
- SignMergeLeft
- SignMergeLeftFill
- SignMergeRight
- SignMergeRightFill
- SignNoLeftTurn
- SignNoLeftTurnFill
- SignNoParking
- SignNoParkingFill
- SignNoRightTurn
- SignNoRightTurnFill
- Signpost
- Signpost2
- Signpost2Fill
- SignpostFill
- SignpostSplit
- SignpostSplitFill
- SignRailRoad
- SignRailRoadFill
- SignStop
- SignStopFill
- SignStopLights
- SignStopLightsFill
- SignTurnLeft
- SignTurnLeftFill
- SignTurnRight
- SignTurnRightFill
- SignTurnSlightLeft
- SignTurnSlightLeftFill
- SignTurnSlightRight
- SignTurnSlightRightFill
- SignYield
- SignYieldFill
- Sim
- SimFill
- SimSlash
- SimSlashFill
- SinaWeibo
- SixCircle
- SixCircleFill
- SixSquare
- SixSquareFill
- SkipBackward
- SkipBackwardBtn
- SkipBackwardBtnFill
- SkipBackwardCircle
- SkipBackwardCircleFill
- SkipBackwardFill
- SkipEnd
- SkipEndBtn
- SkipEndBtnFill
- SkipEndCircle
- SkipEndCircleFill
- SkipEndFill
- SkipForward
- SkipForwardBtn
- SkipForwardBtnFill
- SkipForwardCircle
- SkipForwardCircleFill
- SkipForwardFill
- SkipStart
- SkipStartBtn
- SkipStartBtnFill
- SkipStartCircle
- SkipStartCircleFill
- SkipStartFill
- Skype
- Slack
- Slash
- SlashCircle
- SlashCircleFill
- SlashLg
- SlashSquare
- SlashSquareFill
- Sliders
- Sliders2
- Sliders2Vertical
- Smartwatch
- Snapchat
- Snow
- Snow2
- Snow3
- SortAlphaDown
- SortAlphaDownAlt
- SortAlphaUp
- SortAlphaUpAlt
- SortDown
- SortDownAlt
- SortNumericDown
- SortNumericDownAlt
- SortNumericUp
- SortNumericUpAlt
- SortUp
- SortUpAlt
- Soundwave
- Sourceforge
- Speaker
- SpeakerFill
- Speedometer
- Speedometer2
- Spellcheck
- Spotify
- Square
- SquareFill
- SquareHalf
- Stack
- StackOverflow
- Star
- StarFill
- StarHalf
- Stars
- Steam
- Stickies
- StickiesFill
- Sticky
- StickyFill
- Stop
- StopBtn
- StopBtnFill
- StopCircle
- StopCircleFill
- StopFill
- Stoplights
- StoplightsFill
- Stopwatch
- StopwatchFill
- Strava
- Stripe
- Subscript
- Substack
- Subtract
- Suitcase
- Suitcase2
- Suitcase2Fill
- SuitcaseFill
- SuitcaseLg
- SuitcaseLgFill
- SuitClub
- SuitClubFill
- SuitDiamond
- SuitDiamondFill
- SuitHeart
- SuitHeartFill
- SuitSpade
- SuitSpadeFill
- Sun
- SunFill
- Sunglasses
- Sunrise
- SunriseFill
- Sunset
- SunsetFill
- Superscript
- SymmetryHorizontal
- SymmetryVertical
- Table
- Tablet
- TabletFill
- TabletLandscape
- TabletLandscapeFill
- Tag
- TagFill
- Tags
- TagsFill
- TaxiFront
- TaxiFrontFill
- Telegram
- Telephone
- TelephoneFill
- TelephoneForward
- TelephoneForwardFill
- TelephoneInbound
- TelephoneInboundFill
- TelephoneMinus
- TelephoneMinusFill
- TelephoneOutbound
- TelephoneOutboundFill
- TelephonePlus
- TelephonePlusFill
- TelephoneX
- TelephoneXFill
- TencentQQ
- Terminal
- TerminalDash
- TerminalFill
- TerminalPlus
- TerminalSplit
- TerminalX
- Textarea
- TextareaResize
- TextareaT
- TextCenter
- TextIndentLeft
- TextIndentRight
- TextLeft
- TextParagraph
- TextRight
- Textwrap
- Thermometer
- ThermometerHalf
- ThermometerHigh
- ThermometerLow
- ThermometerSnow
- ThermometerSun
- Threads
- ThreadsFill
- ThreeCircle
- ThreeCircleFill
- ThreeDots
- ThreeDotsVertical
- ThreeSquare
- ThreeSquareFill
- Thunderbolt
- ThunderboltFill
- Ticket
- TicketDetailed
- TicketDetailedFill
- TicketFill
- TicketPerforated
- TicketPerforatedFill
- Tiktok
- Toggle2Off
- Toggle2On
- ToggleOff
- ToggleOn
- Toggles
- Toggles2
- Tools
- Tornado
- TrainFreightFront
- TrainFreightFrontFill
- TrainFront
- TrainFrontFill
- TrainLighttrailFront
- TrainLighttrailFrontFill
- Translate
- Transparency
- Trash
- Trash2
- Trash2Fill
- Trash3
- Trash3Fill
- TrashFill
- Tree
- TreeFill
- Trello
- Triangle
- TriangleFill
- TriangleHalf
- Trophy
- TrophyFill
- TropicalStorm
- Truck
- TruckFlatbed
- TruckFront
- TruckFrontFill
- Tsunami
- Tv
- TvFill
- Twitch
- Twitter
- TwitterX
- TwoCircle
- TwoCircleFill
- TwoSquare
- TwoSquareFill
- Type
- TypeBold
- TypeH1
- TypeH2
- TypeH3
- TypeH4
- TypeH5
- TypeH6
- TypeItalic
- TypeStrikethrough
- TypeUnderline
- Ubuntu
- UiChecks
- UiChecksGrid
- UiRadios
- UiRadiosGrid
- Umbrella
- UmbrellaFill
- Unindent
- Union
- Unity
- UniversalAccess
- UniversalAccessCircle
- Unlock
- UnlockFill
- Upc
- UpcScan
- Upload
- Usb
- UsbC
- UsbCFill
- UsbDrive
- UsbDriveFill
- UsbFill
- UsbMicro
- UsbMicroFill
- UsbMini
- UsbMiniFill
- UsbPlug
- UsbPlugFill
- UsbSymbol
- Valentine
- Valentine2
- VectorPen
- ViewList
- ViewStacked
- Vignette
- Vimeo
- Vinyl
- VinylFill
- Virus
- Virus2
- Voicemail
- VolumeDown
- VolumeDownFill
- VolumeMute
- VolumeMuteFill
- VolumeOff
- VolumeOffFill
- VolumeUp
- VolumeUpFill
- Vr
- Wallet
- Wallet2
- WalletFill
- Watch
- Water
- Webcam
- WebcamFill
- Wechat
- Whatsapp
- Wifi
- Wifi1
- Wifi2
- WifiOff
- Wikipedia
- Wind
- Window
- WindowDash
- WindowDesktop
- WindowDock
- WindowFullscreen
- WindowPlus
- Windows
- WindowSidebar
- WindowSplit
- WindowStack
- WindowX
- Wordpress
- Wrench
- WrenchAdjustable
- WrenchAdjustableCircle
- WrenchAdjustableCircleFill
- X
- Xbox
- XCircle
- XCircleFill
- XDiamond
- XDiamondFill
- XLg
- XOctagon
- XOctagonFill
- XSquare
- XSquareFill
- Yelp
- YinYang
- Youtube
- ZeroCircleFill
- ZeroSquare
- ZeroSquareFill
- ZoomIn
- ZoomOut
- ZeroCircle
<ul class="row row-cols-3 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 list-unstyled list">
@foreach (var item in Enum.GetValues<IconName>().Where(x => x != IconName.None))
{
<li class="col mb-4">
<div class="d-block text-dark text-decoration-none">
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
<Icon Name="@item" Size="IconSize.x3" />
</div>
<div class="name text-muted text-decoration-none text-center pt-1">@item.ToString()</div>
</div>
</li>
}
</ul>
Blazor Bootstrap
- Designed and built with all the love in the world by the Blazor Bootstrap team with the help of our contributors.
- Code licensed Apache License 2.0.
- Currently v2.2.1.