FaIcon 图标

统一解析 el-icon-*、fa-icon-*、本地图标 Class 和外部 SVG URL。

Element Plus、Fast 与自定义图标

查看代码

Vue

<template>
	<div class="demo-row">
		<FaIcon name="el-icon-Search" :size="26" color="var(--el-color-primary)" />
		<FaIcon name="el-icon-Setting" :size="30" color="var(--el-color-success)" />
		<FaIcon name="fa-icon-FullScreen" :size="28" color="var(--el-color-warning)" />
		<FaIcon name="fa-icon-LoadingImage" :size="24" color="var(--el-color-danger)" />
	</div>
</template>

FaIcon 完整 API

按 name 前缀解析 Element Plus、Fast、本地图标类名或外部 SVG URL。

Props 属性 (3)

Fast 与 Element Plus 2.14.6 的属性已合并展示；Fast 修改项优先排列，未透传的原生属性保留用于兼容性核对。

属性	来源	说明	类型	默认值
name必填	Fast 新增	图标名称、CSS 类名或外部 SVG 地址。	String	—
size	EL 原生	组件尺寸。	String / Number	—
color	EL 原生	SVG tag's fill attribute	String	—

Events 事件（0）

名称	来源	说明	参数 / 类型
无运行时 Emits 声明。

Slots 插槽（1）

名称	来源	说明	参数 / 类型
default	EL 原生 · 未透传	Customize default content	—

Expose 暴露（0）

名称	来源	说明	参数 / 类型
无。