Icon 图标
Boat UI 提供了一套常用的 SVG 图标集合。
使用图标
在使用图标之前，你需要在项目的主入口文件中导入图标文件。例如在 main.ts 中引入:
javascript
import { createApp } from 'vue';
import App from './App.vue';
// 引入图标文件
import '@koihe/boat-ui/dist/iconfont.js';
const app = createApp(App);
app.mount('#app');基础用法
vue
<template>
<boat-icon name="search" size="24" color="#409EFF"></boat-icon>
</template>图标集合
System
shut
cycle
imageViewer
map1
map2
zoomOut
tiers
move
retry
conversion
locking
unlock
push
recovery
maximize
notify
administrativeArea
secretary
authorization
invitePeople
application
config
setting
binding
unbinding
online
offline
configuration
upload
download
edit
copy
list
alerts
more
pending
details
clear
blocks
incident
synchronize
paperPlane
delete
add
home1
home2
deviceSignal
user
cloud
sticky
gear
inquiry
avatar
woman
man
finish
import
export
computer
organizationalStructure
network
log
call
unknown
synchronous
share
showPassword
hidePassword
reset
date
disposal
enlarge
terminal
performance
time
message
key
saving
abolish
tag
link
menu
viewCard
viewList
refresh
filter
folders
personal
template
save
cancel
search
info
error
success
close
warning
Media
play
playback
monitor
videoConference
closeVideo
micOff
openMic
end
mute
speech
kickOut
camera
recording
listen
start
pause
termination
photo
video
live
Arrow
send
receive
moveArrow
top
down
left
right
flipPageRight
flipPageLeft
increase
reduce
Others
trajectory
windows
linux
box
client
position
scope
signal
dataOverview
xlsx
API
Props
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| name | 图标名称 | string | - | '' |
| size | 图标大小 | number / string | - | 16px |
| color | 图标颜色 | string | - | 继承颜色 |