FaIcon

Resolves el-icon-*, fa-icon-*, local icon classes and external SVG URLs through one component.

Icon Modes

View code

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 Complete API

Resolves Element Plus, Fast, local icon classes, or external SVG URLs by name prefix.

Props (3)

Fast and Element Plus 2.14.6 props are merged below. Fast changes appear first; native props that are not forwarded remain visible for compatibility review.

Property	Source	Description	Type	Default
nameRequired	Fast addition	Icon name, CSS class, or external SVG URL.	String	—
size	EL native	Component size.	String / Number	—
color	EL native	SVG tag's fill attribute	String	—

Events（0）

Name	Source	Description	Parameters / type
No runtime Emits declarations.

Slots（1）

Name	Source	Description	Parameters / type
default	EL native · not forwarded	Customize default content	—

Expose（0）

Name	Source	Description	Parameters / type
None.