图标
我们专门为低代码设计器产品制作了系列图标,所有图标均采用统一的圆角风格,以保证视觉风格的统一。使用这套独特设计的图标库,完全无侵权担忧,您可以放心使用。
您可以通过访问 Iconfont 在线图标库,浏览并选择所需的图标。
如何使用
首先,您需要在项目中导入我们提供的图标样式文件。以下是如何在 HTML 文件中导入样式的示例:
js
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4702935_0duvwabv66h6.css">
每个图标都有对应的类名。您可以应用这些类名到 HTML 标签上去展示图标。以下是具体代码示例:
html
<i class="fc-icon icon-save"></i>
图标列表
tab
.icon-tab
config-event
.icon-config-event
step-form
.icon-step-form
slider
.icon-slider
dialog
.icon-dialog
justify-spacearound
.icon-justify-spacearound
upload
.icon-upload
copy
.icon-copy
time-range
.icon-time-range
task-add
.icon-task-add
justify-spacebetween
.icon-justify-spacebetween
import
.icon-import
table-form3
.icon-table-form3
config-base
.icon-config-base
alignitems-stretch
.icon-alignitems-stretch
alignitems-flexend
.icon-alignitems-flexend
check
.icon-check
auto
.icon-auto
calendar
.icon-calendar
config-style
.icon-config-style
config-advanced
.icon-config-advanced
config-props
.icon-config-props
delete-circle2
.icon-delete-circle2
delete-circle
.icon-delete-circle
delete
.icon-delete
direction-rowreverse
.icon-direction-rowreverse
display-flex
.icon-display-flex
drag
.icon-drag
display-block
.icon-display-block
data
.icon-data
edit2
.icon-edit2
edit
.icon-edit
add-col
.icon-add-col
display-inlineblock
.icon-display-inlineblock
config-validate
.icon-config-validate
down
.icon-down
display-inline
.icon-display-inline
eye
.icon-eye
eye-close
.icon-eye-close
preview
.icon-preview
flex-nowrap
.icon-flex-nowrap
folder
.icon-folder
form-circle
.icon-form-circle
flex-wrap
.icon-flex-wrap
form
.icon-form
form-item
.icon-form-item
icon
.icon-icon
image
.icon-image
justify-flexstart
.icon-justify-flexstart
justify-center
.icon-justify-center
justify-stretch
.icon-justify-stretch
link2
.icon-link2
minus
.icon-minus
menu2
.icon-menu2
more
.icon-more
menu
.icon-menu
language
.icon-language
pad
.icon-pad
mobile
.icon-mobile
page-max
.icon-page-max
move
.icon-move
page-min
.icon-page-min
pre-step
.icon-pre-step
pc
.icon-pc
page
.icon-page
refresh
.icon-refresh
radius
.icon-radius
save-filled
.icon-save-filled
question
.icon-question
scroll
.icon-scroll
script
.icon-script
setting
.icon-setting
save
.icon-save
shadow
.icon-shadow
variable
.icon-variable
yes
.icon-yes
shadow-inset
.icon-shadow-inset
date
.icon-date
date-range
.icon-date-range
collapse
.icon-collapse
switch
.icon-switch
subform
.icon-subform
tree-select
.icon-tree-select
value
.icon-value
alert
.icon-alert
card
.icon-card
checkbox
.icon-checkbox
cascader
.icon-cascader
button
.icon-button
data-table
.icon-data-table
group
.icon-group
divider
.icon-divider
flex
.icon-flex
descriptions
.icon-descriptions
html
.icon-html
editor
.icon-editor
input
.icon-input
link
.icon-link
password
.icon-password
radio
.icon-radio
row
.icon-row
inline
.icon-inline
rate
.icon-rate
color
.icon-color
select
.icon-select
json
.icon-json
number
.icon-number
space
.icon-space
table-form
.icon-table-form
table-form2
.icon-table-form2
time
.icon-time
span
.icon-span
textarea
.icon-textarea
tooltip
.icon-tooltip
slot
.icon-slot
transfer
.icon-transfer
tag
.icon-tag
watermark
.icon-watermark
tree
.icon-tree
table
.icon-table
add-child
.icon-add-child
add2
.icon-add2
add
.icon-add
alignitems-baseline
.icon-alignitems-baseline
add-circle
.icon-add-circle
alignitems-center
.icon-alignitems-center