Skip to main content
使用来自 Font Awesome、Lucide、Tabler、SVG、外部 URL 或项目文件的图标,丰富你的文档。
Icon example

自定义图像图标

使用 src 属性将自定义图像显示为图标。该图像可以是项目中的文件,也可以是外部托管的 URL。
Custom image examples

行内图标

当在句子、段落或标题中使用时,图标会以内联形式呈现。 你可以将图标用于装饰,或用于强化视觉重点。
Inline example

属性

必须提供 iconsrc 之一。
icon
string
要从图标库中显示的图标。可选值:
src
string
用作图标的图像的路径或 URL。当你希望使用自定义图像而不是图标库中的图标时,请使用 src 代替 icon可选值:
  • 项目中图像文件的路径(例如,/images/my-icon.svg
  • 外部托管图像的 URL(例如,https://example.com/icon.png
iconType
string
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时有效。可选值:regularsolidlightthinsharp-solidduotonebrands
color
string
icon 的颜色,使用十六进制色值(例如 #FF5733)。
size
number
icon 的尺寸(像素)。
className
string
应用于 icon 的自定义 CSS 类名。