图标 Icon
    图标是构成控件及页面的一个重要图形修饰元素。
    在ArcUI中通过以下2种方式来支持图标的使用:

    1. SVG icons
    2. iconfont 图标字体

    两种视觉风格:
    描边图标:
    建议边线1-1.5px
    截屏2022-07-15 17.03.54.png

    实色填充图标:
    截屏2022-07-15 17.04.03.png

    图标类型:

    截屏2022-07-15 17.06.27.png

    截屏2022-07-15 17.04.13.png

    截屏2022-07-15 17.04.38.png

    不同颜色的图标:
    拾色使用Arc-Color色彩系统。默认情况下,一个图标会继承使用当前的文本颜色。 您也可以选择使用以下任何一个主题颜色属性来设置图标的颜色:例如primary,secondary,action,、error 、disabled。

    不同大小的图标:

    属性栏或预制样式中的样式配置:


    图标的常见用途:

    • 导航栏和工具栏图标
    • 标签栏图标
    • 主屏幕快速操作图标
    • 业务图标
    • 通用图标

    基础组件内图标用途不多,可以使用svg。不使用iconfont!
    tips:Font vs SVG。 使用哪个更好呢?
    这两种方法都能很好地工作,但是其中有一些微妙的差异,特别是在性能和渲染质量方面。 在条件允许的情况下,首选使用 SVG 的方式,因为它允许代码分割,能支持更多的图标,并且渲染得更快更好。