Icon Plugin Config
Less than 1 minute
Intro
The theme provides blog feature via @vuepress/plugin-icon. For instructions, please see Icon Intro.
This plugin can be disabled by setting plugins.icon to false.
Options
plugins.icon.assets
IconAssetIcon assets to be used.
The following keywords are supported and you may use other CDN links or even your own:
iconify: Iconifyfontawesome: Font Awesome free icons onlyfontawesome-with-brands: Font Awesome free icons and brand icons
Its type is:
export type BuiltInIcon = "fontawesome-with-brands" | "fontawesome" | "iconify";
export type IconLink =
`//${string}` | `/${string}` | `http://${string}` | `https://${string}`;
export type IconAsset = (BuiltInIcon | IconLink)[] | BuiltInIcon | IconLink;plugins.icon.type
IconTypeDefault Inferred from the assets
Type of the icon, the plugin will try to infer the type from the assets, and fallbacks to unknown.
Notably, the plugin can recognize:
- iconfont css links
- fontawesome kits
- CDN links for fontawesome and iconify
Its type is:
export type IconType = "fontawesome" | "iconfont" | "iconify" | "unknown";plugins.icon.prefix
stringDefault Inferred from the assets and type
Prefix for the icon component. By default, the plugin will use:
iconfont icon-for iconfont typefas fa-for fontawesome type- empty string for all other types
plugins.icon.markdown
booleanDefault
trueWhether to enable icon syntax (::icon::) in markdown.
Changelog
9/28/26, 12:45 PM
View All Changelog
0c1aa-on9a4c3-onb3c03-on05fbb-ondd4a8-on