SlunceUI

Appearance

On this page

Icon 图标 ​

常见的操作按钮

基础用法 ​

基础的图标用法

使用 name 属性来定义 Icon 的样式。

显示代码
html
<div>
  <sl-icon name="play" color="#9de7d1" width="50" height="50"></sl-icon>
  <sl-icon name="plus" color="#9de7d1" width="50" height="50"></sl-icon>
  <sl-icon name="minus" color="#9de7d1" width="50" height="50"></sl-icon>
  <sl-icon name="search" color="#9de7d1" width="80" height="80"></sl-icon>
</div>