- 快速开始
- REPL
- 基本
- Icons 示例
- Button 示例
- 表单
- Input 示例
- Textarea 示例
- Radio 单选框
- Checkbox 多选框
- Switch 示例
- Select 示例
- Cascader 示例
- Form 示例
- Upload 示例
- date-picker 示例
- Drag 拖动排序
- data 数据
- Table 表格
- Tree 树形控件
- SelectTree 树形选择控件
- Pagination 分页
- progress 示例
- Empty 空状态
- 提示
- Loading 示例
- MessageBox 示例
- Dialog 示例
- Alert 示例
- Notice 示例
- 导航 Navigation
- Tabs 标签页
- NavMenu 导航菜单
- Breadcrumb 面包屑
- 其它 Others
- Clock 示例
- Drawer 示例
- Collapse 示例
- Scrollbar 示例
- Carousel 示例
- CountTo 示例
- PreviewImage 示例

## BeIcon 图标

add-circle
add-rectangle
add
app
arrow-down-rectangle
arrow-down
arrow-left
arrow-right
arrow-up
attach
backtop-rectangle
backtop
backward
barcode
books
browse-off
browse
bulletpoint
calendar
call
caret-down-small
caret-down
caret-left-small
caret-left
caret-right-small
caret-right
caret-up-small
caret-up
cart
chart-bar
chart-bubble
chart-pie
chart
chat
check-circle-filled
check-circle
check-rectangle-filled
check-rectangle
check
chevron-down-circle
chevron-down-rectangle
chevron-down
chevron-left-circle
chevron-left-double
chevron-left-rectangle
chevron-left
chevron-right-circle
chevron-right-double
chevron-right-rectangle
chevron-right
chevron-up-circle
chevron-up-rectangle
chevron-up
circle
clear
close-circle-filled
close-circle
close-rectangle
close
cloud-download
cloud-upload
cloud
code
control-platform
creditcard
dashboard
delete
desktop
discount-filled
discount
download
edit-1
edit
ellipsis
enter
error-circle-filled
error-circle
error
file-add
file-copy
file-excel
file-image
file-paste
file-pdf
file-powerpoint
file-unknown
file-word
file
filter-clear
filter
flag
folder-add
folder-open
folder
fork
format-horizontal-align-bottom
format-horizontal-align-center
format-horizontal-align-top
format-vertical-align-center
format-vertical-align-left
format-vertical-align-right
forward
fullscreen-exit
fullscreen
gender-female
gender-male
gift
heart-filled
heart
help-circle-filled
help-circle
help
history
home
hourglass
image
info-circle-filled
info-circle
internet
jump
laptop
layers
link-unlink
link
loading
location
lock-off
lock-on
login
logo-android
logo-apple-filled
logo-apple
logo-chrome-filled
logo-chrome
logo-codepen
logo-github-filled
logo-github
logo-ie-filled
logo-ie
logo-windows-filled
logo-windows
logout
mail
menu-fold
menu-unfold
minus-circle-filled
minus-circle
minus-rectangle
mobile-vibrate
mobile
money-circle
more
move
next
notification-filled
notification
order-adjustment-column
order-ascending
order-descending
page-first
page-last
pause-circle-filled
photo
pin
play-circle-filled
play-circle-stroke
play-circle
play
poweroff
precise-monitor
previous
print
qrcode
queue
rectangle
refresh
remove
rollback
root-list
round
save
scan
search
secured
server
service
setting
share
shop
slash
sound
star-filled
star
stop-circle-1
stop-circle-filled
stop-circle
stop
swap-left
swap-right
swap
thumb-down
thumb-up
time-filled
time
tips
tools
unfold-less
unfold-more
upload
usb
user-add
user-avatar
user-circle
user-clear
user-talk
user
usergroup-add
usergroup-clear
usergroup
video
view-column
view-list
view-module
wallet
wifi
zoom-in
zoom-out
使用name来使用不同的图标样式。

    		import { BeIcon } from '@brewer/beerui'
    		<BeIcon name='add' color='#000' />

显示代码

### Attributes

参数 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
name | 图标name | string | - | ''
color | 图标颜色 | 色值 | - | ''