Use Font-Awesome 4 icons in theme but keep FA5?

[pmusaraj (Penar Musaraj)]

You need to follow the instructions Falco linked earlier more closely:

@pmusaraj

If you would like to have more icons than what’s available in FontAwesome, you can add your own SVG icons in a plugin or a theme.

In themes : add the SVG sprite in your theme’s /assets folder, and reference it in about.json using the variable name icons-sprite . For a sprite called my-icons.svg , your assets.json should include this:

"assets": {
   "icons-sprite": "/assets/my-icons.svg"
}

In plugins : simply include an SVG sprite file in the plugins/your-plugin-name/svg-icons folder (see this example SVG sprite ). Restart your server (if in dev) or rebuild the site if in a Docker container and your custom icons should be automatically available .

In your repository, the svg file needs to be a sprite and the variable name in about.json shouldn’t be old, it should be icons-sprite. Then to replace the icon in JS, you need to use the id from the sprite in api.replaceIcon.