Skip to content

图标

我们专门为低代码设计器产品制作了系列图标,所有图标均采用统一的圆角风格,以保证视觉风格的统一。使用这套独特设计的图标库,完全无侵权担忧,您可以放心使用。

您可以通过访问 Iconfont 在线图标库,浏览并选择所需的图标。

如何使用

首先,您需要在项目中导入我们提供的图标样式文件。以下是如何在 HTML 文件中导入样式的示例:

js
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4702935_lcm8b2tqh1.css">

每个图标都有对应的类名。您可以应用这些类名到 HTML 标签上去展示图标。以下是具体代码示例:

html
<i class="fc-icon icon-save"></i>

图标列表

  • markdown
    .icon-markdown
  • data-select
    .icon-data-select
  • grid-line
    .icon-grid-line
  • print
    .icon-print
  • city
    .icon-city
  • location
    .icon-location
  • QR code
    .icon-qrcode
  • ID
    .icon-input-id
  • IFrame
    .icon-iframe
  • audio player
    .icon-audio
  • form model
    .icon-form-model
  • title
    .icon-title
  • sign
    .icon-sign
  • address
    .icon-address
  • statistic
    .icon-statistic
  • Barcode
    .icon-barcode
  • video player
    .icon-video
  • Avatar Frame
    .icon-avatar
  • suspend
    .icon-suspend
  • warning
    .icon-warning
  • send
    .icon-send
  • refresh2
    .icon-refresh2
  • AI
    .icon-ai
  • three columns
    .icon-column3
  • four columns
    .icon-column4
  • two columns
    .icon-column2
  • one column
    .icon-column1
  • layout
    .icon-layout
  • Segmented
    .icon-segmented
  • Mention
    .icon-mention
  • inputTag
    .icon-input-tag
  • 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-circle 2
    .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