Icon Separator Icon Separator

Icon Separator

Created by: Phi Phan

Rating:
Downloaded: 13k times

A simple, lightweight, accessibility-ready icon separator block.

Key Features

  • Customize the icon width, spacing, color and position.
  • Customize the separator width, style, color and position.
  • Accessibility ready with ‘separator’ role.
  • Simple and easy to use but included full settings even with responsive width and responsive vertical margin.
  • An icon library included icons from “Bootstrap Icons”, “Ionicons”, “Dashicons” and new “WordPress Icons”.

Please take a look at these custom block patterns that use this block to see how it can be applied to real-world sites.

If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it.

Please check out my other plugins if you’re interested:

  • Content Blocks Builder – A tool to create blocks, patterns or variations easily for your site directly on the Block Editor.
  • Meta Field Block – A block to display a meta field or an ACF field as a block. It can also be used in the Query Loop block.
  • Block Enhancements – A plugin to add more useful features to blocks like icons, box-shadow, transform, hover style, etc.
  • SVG Block – A block to insert inline SVG images easily and safely. It also bundles with more than 3000 icons and some common non-rectangular dividers.
  • Counting Number Block – A block to display a number that has the number-counting effect.
  • Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data.
  • Better YouTube Embed Block – Embed YouTube videos without slowing down your site.

The plugin is developed using @wordpress/create-block.

Screenshots

  • <p>Create an icon separator</p>
  • <p>Change the separator's settings</p>

Categories

Get New Themes & Resources