Custom icon sets

You can also use Iconify with custom icons.

Most icon components and plugins support custom icon sets. The only exception are plugins that are not meant to work with custom icon sets, such as Iconify plugin for Figma.

Format

How custom icon sets are handled depends on your use case.

All tools in Iconify ecosystem work with IconifyJSON format.

Some icon components and plugins that are designed to work in Node.js (server side rendering or works with bundlers) can import individual SVG files, but usually they convert icons to IconifyJSON format.

Import tools

Importing custom icon sets can be done at build time in Node.js environment.

It is done with Iconify Tools package.

Typical import process:

• Import icons. There are various import functions. They create unparsed icon set.
• Cleaning up imported icons.
• For monotone icon sets parsing colors to make sure all icons use currentColor.
• Export icon set to IconifyJSON.

See Iconify Tools code examples for code samples.

Using custom icon sets

Usage depends on where you want to use it. See documentation of icon component you want to use icons with.

If icon component you want to use loads icon data on demand, you probably want to set up your own Iconify API to host custom icon sets.