Adding custom SVG icon sets

Blockify makes it possible to add entire custom SVG icon sets to the Icon block variation settings.

First, you’ll need to add your SVG icons to a folder in a child theme or custom plugin. Once they have been added, you’ll need to register them with Blockify using the blockify_icon_sets filter.

Below is an example of how to register a custom icon set added to the assets/svg/fontawesome folder of a Blockify child theme. Add the following code snippet to the child theme’s functions.php file:

Copiedadd_filter( 'blockify_icon_sets', function ( $icon_sets ) {
	$icon_sets['fontawesome'] = get_stylesheet_directory() . '/assets/svg/fontawesome';

	return $icon_sets;
} );
add_filter( 'blockify_icon_sets', function ( $icon_sets ) {
	$icon_sets['fontawesome'] = get_stylesheet_directory() . '/assets/svg/fontawesome';

	return $icon_sets;
} );
Code language: PHP (php)

Tips

SVGs should be optimized with a tool like https://jakearchibald.github.io/svgomg/

If you are comfortable with the command line, you can also use https://github.com/svg/svgo for optimizing multiple icons at once (recommended).