v0.1.9

Icon 图标

@apollo-design/icons 提供 848 个基于 Ant Design 图标素材生成的 Vue 图标组件,支持 Outlined / Filled / TwoTone 三种风格。

图标使用指南 →

使用方式

从独立包按名称导入图标;图标继承当前文字颜色与字号,可使用 style / class 调整。

import { SearchOutlined } from '@apollo-design/icons';

<template>
  <SearchOutlined />
</template>

更多用法(旋转、spin、TwoTone 调色、IconProvider、createIcon、createFromIconfontCN)见 图标指南.

图标目录

共 848 个
点击复制
import 语句

API

导出说明
<Icon />通用图标容器:component / rotate / spin / twoToneColor。
IconProvider覆盖图标前缀(默认 apollo-icon)。
createIcon(definition, name)用自定义 SVG definition 创建图标。
createFromIconfontCN({ scriptUrl })从 iconfont.cn 脚本创建图标组件。
setTwoToneColor(color)设置 TwoTone 图标的主色。
Powered by Vue 3 + ViteApollo Design · Vue NativeGitHub