FIcon 组件
正常使用
可以使用icon
属性来定义图标, 图标颜色默认是灰色,如果需要改变颜色可以自定义样式来改变。
图标大小
可以使用size
属性来定义图标大小
size
: 默认值是medium
,可以选值是:small
、large
size
的值也可以是数字, 它可以来设置图标的font-size
以此来改变图标大小- 当然你也可以自定义
css
样式的font-size
以此来改变图标大小
图标列表
点击对应图标即可复制该组件标签, 然后粘贴到你的项目中。
google
baidu
apple
github
typescript
android
windows
edge
add
archive
arrow-down
arrow-left-down
arrow-left-up
arrow-left
arrow-right-down
arrow-right-up
arrow-right
arrow-up
attachment
backspace
ban
bar-chart-alt
bar-chart
board
bold
book
bookmark
calendar
call
camera
caret-down
caret-left
caret-right
caret-up
check
chevron-double-down
chevron-double-left
chevron-double-right
chevron-double-up
chevron-down
chevron-left
chevron-right
chevron-up
circle-add
circle-arrow-down
circle-arrow-left
circle-arrow-right
circle-arrow-up
circle-check
circle-error
circle-help
circle-information
circle-remove
circle-warning
circle
clipboard-check
clipboard-list
clipboard
clock
close
cloud-download
cloud-upload
cloud
cloudy
comment
compass
computer
copy
credit-card
database
delete-alt
delete
document-add
document-check
document-download
document-empty
document-remove
document
download
drag
drop
edit-alt
edit
email
enter
expand
export
external-link
eye-off
eye
favorite
filter-1
filter-alt
filter
flag
fog
folder-add
folder-check
folder-download
folder-remove
folder
grid
heart
home
image
inbox
italic
laptop
layers
layout
link-alt
link
list
location
lock
log-in
log-out
map
megaphone
menu
message-alt
message
minimize
mobile
moon
next
notification-off
notification
options-horizontal
options-vertical
pause
pen
percentage
pin
play
previous
print
rain
refresh
remove
reorder-alt
reorder
repeat
save
search
select
send
settings
share
shopping-cart-add
shopping-cart
shuffle
snow
snowflake
sort
speakers
stop
storm
strikethrough
sun
sunrise
sunset
switch
table
tablet
tag
temperature
text
three-rows
two-columns
two-rows
underline
undo
unlock
user-add
user-check
user-remove
user
users
volume-off
volume-up
warning
webcam
wind
window
zoom-in
zoom-out
Props
属性 | 是否必填 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|---|
icon | 是 | 图标名称 | string | 无 | 详情查看图标列表 |
size | 否 | 图标大小 | string|number | medium | small 、medium 、large 、数值 |