AXA 图标
<axa-icon>使一个图标,给一个图标名称,资源路径或字符串到一个合适的SVG图像.
属性
图标
图标名称
| 属性 |
|---|
icon="add" |
icon="arrow-left" |
icon="arrow-right" |
icon="collapse" |
icon="document" |
icon="download" |
icon="email" |
icon="expand" |
icon="mobile" |
icon="phone" |
icon="search" |
icon="upload" |
icon="cloud-upload" |
icon="axa-logo" |
icon="axa-logo-open" |
icon="check-circle" |
icon="check" |
icon="info-outline" |
icon="warning-amber" |
icon="cloudy" |
icon="close" |
图标资源路径
图标资源路径必须 .svg 扩展名.
作为 SVG 字符串的图标
你可以装入自己的SVG并设置其html字符串. 字符串必须包含 <svg 标签。 使用自定义图标时, 确保定义图标 width 财务报告和审定财务报表 height (单位:千美元) px定义和用途 fill="currentColor" 打开 paths,应该继承其包含组件的颜色.
大小
默认行为将 svgs 的大小设置为 24x24 px. 在 svg 使用上使用原始大小 original。 。 。 .
| 属性 | 说明 |
|---|
size="small" | 20x20 px (英语) |
size="medium" | 默认。 24x24 个px |
size="large" | 32x32 px (英语) |
size="original" | 使用您使用的 svg 文件的原始大小 |
关于 @axa-ch/icon 的常见问题
@axa-ch/icon 是什么？
AXA 图案库的图标组件注意：该包已被作者标记为弃用——Please use the new scope @axa-ch-webhub-cloud
如何安装 @axa-ch/icon？
在项目目录运行 npm install @axa-ch/icon，或使用 pnpm add / yarn add / bun add。
@axa-ch/icon 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
@axa-ch/icon 支持 ESM 还是 CommonJS？
以 CommonJS 形式发布，可以直接 require()；在 ES Module 项目中也可以用 import 引入（Node.js 会把 module.exports 作为默认导出）。
@axa-ch/icon 可以商用吗？
@axa-ch/icon 使用 Copyright 2019 AXA Versicherungen AG 许可。声明的许可为 Copyright 2019 AXA Versicherungen AG，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。
@axa-ch/icon 的下载量有多少？
根据 npm 官方下载统计，@axa-ch/icon 在 2026/10/08 – 2026/11/06 这 30 天内被下载 3,071 次，日均约 102 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@axa-ch/icon 还在维护吗？
最新版本 8.0.11 发布于 2023/03/06（3 年前）；至今共发布 102 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/04/09。作者已将其标记为弃用，新项目建议寻找替代方案。