Icon 图标

使用 SVG 图标。

1.基础用法

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

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

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

3.颜色

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

4.图标库

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

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