Fyoimiya UI

Appearance

Icon 图标 ​

Fyoimiya UI 提供了一套常用的图标集合，可以直接使用。

基础用法 ​

结合 FyoIcon 组件使用，可以设置颜色和大小。

描边动画 ​

设置 draw 属性可以开启 SVG 描边动画，鼠标悬停时触发。

动画效果 ​

内置了 spin、pulse、bounce 等动画效果。

图标集合 ​

点击图标可复制组件代码。

隐藏动画图标
显示动画图标
AlignCenter
AlignJustify
AlignLeft
AlignRight
ArrowDown
ArrowLeft
ArrowRight
ArrowRightDown
ArrowRightUp
ArrowUp
Basketball
Bell
Bold
Bookmark
Bottom
Box
Brush
Calendar
Camera
ChatLineRound
ChatSquare
Check
ChevronsDown
ChevronsLeft
ChevronsRight
ChevronsUp
CircleClose
Clock
Close
Cloudy
Code
Coin
CollectionTag
Compass
Connection
CopyDocument
Cpu
CreditCard
Crop
DataAnalysis
DataBoard
Delete
Document
Down
Download
Edit
EmptyBox
Eye
EyeSlash
Female
Files
Filter
Fire
Flag
Folder
FolderOpen
Font
Football
FullScreen
Grid
Guide
Handbag
Headset
Heart
Help
Histogram
Home
Info
Italic
Key
Keyboard
Left
Lightning
Link
List
Loading
Location
Lock
MagicStick
Mail
Male
Medal
Menu
Message
Microphone
Minus
MobilePhone
Monitor
Moon
More
Mouse
Mute
Next
OrderedList
Paperclip
Paste
Pause
Phone
Picture
PieChart
Place
Play
Plus
Present
Previous
Printer
Quote
Rank
Reading
Redo
Refresh
RefreshLeft
RefreshRight
Right
Save
Scissor
Search
Service
Setting
Share
ShoppingCart
Soccer
Sort
Star
Stop
StrikeThrough
Success
Suitcase
Sunny
SwitchButton
Sync
ThumbDown
ThumbUp
Ticket
Timer
Tools
Top
Trophy
Umbrella
Underline
Undo
Unlock
Up
Upload
User
Van
Video
Volume
VolumeOff
Wallet
Warning
ZoomIn
ZoomOut

API ​

Attributes ​

属性名说明类型默认值
size图标大小，支持数字(px)或字符串`numberstring`
color图标颜色string-
spin是否旋转booleanfalse
pulse是否脉冲动画booleanfalse
bounce是否跳动动画booleanfalse
draw是否开启描边动画booleanfalse