Add Icon Separator To Gutenberg Blocks

A WordPress plugin (Gutenberg block) that allows you to display custom icon separators between blocks.

How to use it:

1. Install and enable the Icon Separator plugin.

2. Add an icon operator block to the Gutenberg editor.

Icon Separator New

3. Add your own Icon to the separator by inserting the SVG markup into the Icon Settings:

Icon Separator SVG Markup

4. Or click the Get Icon From Library button to select an icon from the popup.

Icon Separator Popup

5. Customize the icon you just selected:

  • Icon width
  • Icon spacing
  • Icon position
  • Fill color
  • Stroke color

Icon Separator Settings

6. Customize the separator.

  • Separator width
  • Margin
  • Justify alignment
  • Line style

Icon Separator Configs

7. Save changes and done.


Add Icon Separator To Gutenberg Blocks

Download WordPress Plugin:

You can download this free WordPress plugin using the download button below. Unless otherwise stated, the WordPress plugin is available under GNU General Public License.

Author: Phi Phan


Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.

Rate This Plugin
User Review
0 (0 votes)