The entire theme has added FontClass format icon support in mutiple places.
You can use iconfont and fontawesome to add icons to your project.
- For china users, iconfont is recommended
- For overseas users, fontawesome is recommended
Iconfont (opens new window) is a vector icon management and communication platform created by Alimama MUX.
The designer uploads the icon to the Iconfont platform, and the user can customize the download of icons in a variety of formats. Users can also convert the icon into a font.
# How to use
First, you need to create a new project to set and manage your website’s icons:
- Log in to Iconfont using GitHub or Weibo.
- Find "Resources → My Projects" at the top of the website, and click the "New Project" icon in the upper right corner.
- Set a recognizable project name
- Fill in
icon-(you can also fill in according to your preference, but you need to set this value to
- Font Family please keep
# Import icon
Search freely through iconfont to find the icon you want to use, and click the "Add to Library" button on the icon
After searching for all the icons, click the "Add to Library" icon in the upper right corner, click "Add to Project" below and select the project you created then confirm.
# Edit icon
On the project page, you can edit the icons in the project, including adjustments with position, size, rotate, color, Unicode number and Font Class / Symbol.
# Generate icon files
Please click the "Font Class" button above the project and click Generate.
Import the link in
If you add a new icon in the future, please regenerate the new CSS address and overwrite the old CSS address in
This theme has built-in Fontawesome support.
Font-awesome current version is 5.15.1
Please follow fontawesome document (opens new window).
# other instructions
- Icon will have
iconfontclass name by default
- The prefix of the icon class is
icon-by default, which can be changed in the
iconPrefixfield in themeConfig