Icon 图标

使用 SVG 图标。

1.基础用法

图标可以单独使用,可也以和文字一起使用。

abc 和文字一起使用
2.大小

通过设置 font-size 改变图标大小。

3.颜色

通过设置 color 改变图标颜色。

4.图标库

内置大量图标库,可以很方便地使用。

AlignCenter
AlignJustify
AlignLeft
AlignRight
ArrowDown
ArrowLeft
ArrowRight
ArrowUp
At
Bell
BellFill
Bold
Bulb
BulbFill
Calendar
CaretDown
CheckCircle
CheckCircleFill
CheckLine
CheckMark
CheckSquare
CheckSquareFill
ChevronDoubleLeft
ChevronDoubleRight
ChevronDown
ChevronLeft
ChevronRight
ChevronUp
Clock
Close
CloseCircle
CloseCircleFill
Cloud
CloudFill
CloudUpload
Code
CodeLibrary
Copyright
CopyrightFill
Delete
DeleteColumn
DeleteRow
Download
Edit
EditFill
EditSquare
Ellipsis
ExternalLink
Eye
EyeFill
EyeSlashFill
FieldTime
FigureCaption
File
FileAdd
FileAddFill
FileCopy
FileCopyFill
FileDone
FileExcel
FileExcelFill
FileException
FileExclamation
FileExclamationFill
FileFill
FileGif
FileImage
FileImageFill
FileMarkdown
FileMarkdownFill
FilePdf
FilePdfFill
FilePpt
FilePptFill
FileProtect
FileSearch
FileSync
FileText
FileTextFill
FileUnknown
FileUnknownFill
FileWord
FileWordFill
FileZip
FileZipFill
Filter
FilterFill
Folder
FolderAdd
FolderAddFill
FolderFill
FolderOpen
FolderOpenFill
Free
Fullscreen
FullscreenExit
Heart
HeartFill
Hide
Holder
Image
ImageFill
InfoCircle
InfoCircleFill
InsertRowAbove
InsertRowBelow
InsertRowLeft
InsertRowRight
Italic
Like
LikeFill
Line
Link
Loading
Location
LocationFill
Lock
LockFill
Login
Logout
Mail
MailFill
MediumEllipsis
Menu
MergeCells
Message
MessageFill
Minus
MinusCircle
MinusSquare
Music
NewLine
OneToOne
OrderedList
PaperClip
PlayCircle
PlayCircleFill
Plus
PlusSquare
Question
QuestionCircle
QuestionCircleFill
Quote
Read
ReadFill
Redo
Reload
ReloadTime
RotateLeft
RotateRight
Safety
Search
Setting
SettingFill
Share
Shopping
ShoppingFill
Smile
SmileFill
Sort
SplitCell
Star
StarFill
Strikethrough
Subscribe
SubscribeFill
Sync
Table
TimeCircle
TimeCircleFill
TimeOut
Underline
Undo
Unlike
UnlikeFill
Unlink
Unlock
UnlockFill
UnorderedList
Upload
User
VerticalAlignTop
Video
VideoFill
Wallet
WalletFill
WarningCircle
WarningCircleFill
Yuan
YuanFill
ZoomIn
ZoomOut