No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Iconography

Basic usage

Use the name attribute to specify the name of the icon

Icon size, including three default sizes of small, medium, and large, set by the size attribute. You can also customize the icon size by setting the size property to a number

github
github
github
github

Use type to specify the icon theme color dark / light / coloured

github
github
github

Icon collection

You can search for the icon you want by entering the name

alarm-object
android
golang
gradle
java
javascript
nodejs
php
python
ascending
caret-down
caret-left
caret-right
caret-up
chevron-down
chevron-left
chevron-right
chevron-up
descending
next
previous
return
sort-ascending
sort-descending
sorting
triangle-down
triangle-left
triangle-right
triangle-up
arch-linux
centos
coreos
debian
fedora
freebsd
ios
linux
macos
opensuse
oracle-linux
redhat
ubuntu
windows
aliyun
aws
bitbucket
ceph
etcd
git
github
gitlab
glusterfs
google-plus
helm
istio
jenkins
kubernetes
kubesphere
openpitrix
power
qingcloud
sonarqube
svn
vmware
add
cardview
changing-over
check
close
collapse
copy
download
drag-handle
expand
export
link
listview
logout
maximize
minimize
more
pause
pull
refresh
restart
shutdown
start
stop
substract
upload
vnc
abtest
acl
admin
ai
api
appcenter
application
approve
area
backup
barchart
bell
bi
bigdata
bill
binary
bird
blockchain
blue-green-deployment
bm
box
branch
broom
browser
calendar
camera
car
cart
catalog
cdn
certification
circle-down
circle-up
client
clock
cloud
cluster
coding
cogwheel
column
commit
components
computing
container
cookie
cpe
cpu
creditcard
cron-job
csv
dashboard
data
database
deal
deamon-set
debug
desktop-group
dingtalk
discount
display
dns
docker
documentation
dot
earth
eip-duotone
eip-group
eip-pool
eip
email
enterprise
error
exclamation
eye-closed
eye
file
filter
firewall
folder
fuse
gateway-duotone
gateway
gpu
group
hammer
home
human
image
increase
information
insert-chart
ip-port
ip
ipv6
item
jar
job
key
laptop
layer
licenses
linechart
listener
loadbalancer
lock
log
login-accounts
login-servers
loudspeaker
magnifier
mail
memory
mgmt-node
minus-square
mirroring
mnic
monitor
nat
network-card
network-router
network
nodes
notes
os-service
os
paper
passport
pdf
pen
picture
pie-chart
pin
plus-square
pod
port
price
project
proportion
question
radio
record
remark
report
resource
role
router
safe-notice
scaling
scheduler
scissors
select
shield
slack
slider
snapshot
springcloud
springcloudgateway
ssd
ssh
star
starter
stateful-set
step
storage
strategy-group
stretch
success
table-chart
tag
target
templet
terminal
text
textarea
textfield
theme
thunder
ticket
timed-task
topology
trash
update
usb-redirection
user-overview
user-profile
v2v
vnas
vpn
vsan
wallet
war
webhook
wecom
wrench
xls
zone
druration
rocket
code
allowlist
apps
duotone
conversion-node
network-port
lab-router
feishu
loading-duotone
logout-right-duotone
tags-duotone
chain-off-duotone
alarm-lamp
layout
grid-list
observability
grid-row
event
event
earth-fill
bell-off-duotone
volume-off-duotone
switch-button-duotone
message-circle-duotone
click-house
eck
edge
kafka
mongo-db
mysql
springcloud
redis
opensearch
postgre-sql
intranet-routers
ip-map
meta-data
crane
scan-duotone
bell-tips-duotone
up-circle-duotone
apps-duotone
barchart
clock-duotone
computing-setting
cronjob-duotone
down-duotone
history-duotone
map-time
network-duotone
prometheus
proportion-chart
stretch
textarea-duotone
up-duotone

Props

NameDescriptionDefault
prefix
string
"kubed-icon"
name*
string
-
type
string
"dark"
size
stringnumber
"small"
className
string
-
style
object
{ }
changeable
bool
false
clickable
bool
false
onClick
func
() {}
disabled
bool
false
color
object
-