设计物料
组件&模板库
图标库
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