跳到主要内容

eo-icon

<eo-icon>
Alias: <icons.general-icon>

Your favorite icons, including Ant Design Icons, Font Awesome, and EasyOps Icons.

Playground

Examples

Ant Design

View all Ant Design icons.

Playground

Font Awesome

View all Font Awesome free icons.

Playground

EasyOps

Playground

Image

Playground

Colors

Playground

Spinning

Playground

Fallback

Playground

Properties

NameDescriptionTypeDefaultRequired
lib

图标库

"antd" | "easyops" | "fa"
theme

Ant Design 图标主题

string "outlined"
icon

图标名

string
category

EasyOps 图标分类

string "default"
prefix

FontAwesome 图标前缀

string "fas"
fallback

设置当图标未找到时的回退图标

FallbackIcon
startColor

渐变色起始颜色(不适用于 EasyOps 图标)

string
endColor

渐变色终止颜色(不适用于 EasyOps 图标)

string
gradientDirection

渐变色方向(不适用于 EasyOps 图标)

GradientDirection
spinning

是否自动旋转

boolean
imgSrc

图片地址

string
imgStyle

图片样式

CSSProperties
imgLoading

加载方式

"lazy" | "eager"
noPublicRootboolean
keepSvgOriginalColor

如果是 svg 图片,默认将转换该图标颜色为自动跟随文本色,设置 keepSvgOriginalColor: true 可保留原始颜色

boolean

Type references

FallbackIcon

NameTypeRequiredDescription
lib"antd" | "easyops" | "fa"
iconstring
themestring
categorystring
prefixstring
keepSvgOriginalColorboolean
imgSrcstring
imgStyleCSSProperties
imgLoading"lazy" | "eager"
noPublicRootboolean

GradientDirection

"left-to-right" | "top-to-bottom"