Skip to content

设计物料

组件&模板库

加入海信团队

如果你拥有 Figma 教育版账号,你可以申请加入 Hisense 团队来获得更好的协作体验,及时获取最新的标准设计物料。

图标库

Pangea Design 图标库包含了 500+ 统一风格的高质量图标,涵盖了日常业务及 AI 场景,并在持续更新中。

for 设计师

设计师可以通过 Figma 团队版(推荐)或社区版获取 Pangea Design 图标库,在设计过程中可以直接使用。

for 开发工程师

根据不同的开发框架,Pangea Design 图标库为开发者提供了多种安装方式。点击查看图标管理平台的 图标使用文档

NPM包

适合 Vue & React 技术栈的开发者使用。

  • 字体前缀:van-icon-icon
  • NPM 包名:@arco-iconbox/vue-pangea-mobile
  • 最新版本:1.0.20
js
<template>
  <IconAiAssistantFill />
</template>

<script>
import { IconAiAssistantFill } from '@arco-iconbox/vue-pangea-mobile';

export default {
  name: "App",
  components: {
    IconAiAssistantFill,
  },
};
</script>
js
import { IconAiAssistantFill } from '@arco-iconbox/vue-pangea-mobile';

export default function App() {
    return (
        <div id="root">
            <IconAiAssistantFill />
        </div>
    );
}

字体图标

析 svg 文件为各类型的字体文件(e.g. ttf/woff/woff2 等),unicode + fontclass 实现,适合 Web 技术栈的开发者使用,对技术栈几乎无限制。

  • 字体前缀:van-icon-icon

iconfont_1.0.20.zip