SVGIcon

根据图形角色渲染多层级 SVG 图标，支持多种变体、语义颜色和光学描边补偿。它不同于 core 的 Iconify 方案，适合需要逐路径控制变体的图标。

导入

import { homeIcon, SVGIcon } from '@astryx-vue/lab'

包内附带 starterIcons 和 bellIcon、homeIcon 等图形定义，也可以传入自己的 SVGIconDef。

属性

名称	类型	默认值	说明
icon	SVGIconDef	必填	图形定义，包含主层和可选次层。
variation	'linear' | 'bold' | 'twotone' | 'bulk' | 'broken'	'linear'	变体预设。
size	'xsm' | 'sm' | 'md' | 'lg'	'md'	图标尺寸。
color	'primary' | 'secondary' | 'disabled' | 'accent' | 'positive' | 'negative' | 'warning' | 'inherit'	'primary'	语义颜色。
strokeWidth	number	随尺寸	直接指定描边宽度。

IconShape 的 role 为 'fill' 或 'stroke'，决定图形在不同变体下的表现。未提供无障碍名称时图标默认装饰性隐藏；传入 aria-label 或 aria-labelledby 后会使用 role="img"。