Icon

内联 Feather SVG 图标，内置 200 个图形并按分类组织，兼容 Font Awesome 写法，支持自定义注册。

最后更新 2026-10-25 19:27:08

说明

所有图标以条目形式维护在 IconData 中（名称 + SVG 标记 + 分类），渲染为 currentColor 的 SVG，可直接跟随文字颜色与字号。下方画廊按分类展示全部图标、支持名称搜索、点击即可复制调用代码。用户可在启动时调用 IconData.Add(name, svgMarkup, category?) 注册自定义图标，注册后与内置图标同权使用、并自动进入对应分类。

常见能力：

内置 200 个 Feather 图标，分 10 个分类
在线画廊：分类筛选 + 名称搜索 + 点击复制
fa-user / fa-solid fa-user 写法兼容
Size 线宽与旋转动画
IconData.Add 支持用户自定义图标

用法

<Icon Type="user" Size="16" />
<Icon Type="star" Fill="true" />
<Icon Type="loader" Spin="true" />

@* 启动时注册自定义图标（如 Program.cs）*@
@* IconData.Add("logo", "<path d='...' />", "品牌"); *@
@* 之后即可：<Icon Type="logo" /> *@

API 参数

参数	类型	默认值	说明
`Fill`	`bool`	`false`	是否实心填充（用于星标、开关、圆形等）。
`Size`	`int`	`0`	边长（px），默认跟随字号（1em）。
`Spin`	`bool`	`false`	是否旋转动画。
`StrokeWidth`	`double`	`2`	线宽。
`Type`	`string`	`"circle"`	图标名称，参见 IconData。同时兼容 Font Awesome 写法（如 fa-user）。
`Visible`	`bool`	`true`	取得或设置组件是否可见，默认为false。
`VisibleChanged`	`EventCallback<bool>`	—	事件取得或设置组件可见性变化时的回调事件。
`Class`	`string`	`null`	取得或设置组件的CSS类名，用于自定义样式。
`Disabled`	`bool`	`false`	取得或设置组件是否禁用，默认为false。
`Style`	`string`	`null`	取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。