Title: Icon Separator Author: Phi Phan Published: Апрель 14, 2022 Last modified: Август 16, 2026 --- Search plugins ![](https://ps.w.org/icon-separator/assets/banner-772x250.png?rev=2709489) ![](https://ps.w.org/icon-separator/assets/icon.svg?rev=2709489) # Icon Separator By [Phi Phan](https://profiles.wordpress.org/mr2p/) [Download](https://downloads.wordpress.org/plugin/icon-separator.1.2.5.zip) * [Details](https://os.wordpress.org/plugins/icon-separator/#description) * [Reviews](https://os.wordpress.org/plugins/icon-separator/#reviews) * [Installation](https://os.wordpress.org/plugins/icon-separator/#installation) * [Development](https://os.wordpress.org/plugins/icon-separator/#developers) [Support](https://wordpress.org/support/plugin/icon-separator/) ## Description 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](https://boldpatterns.net/keywords/separator?utm_source=wp.org&utm_campaign=readme&utm_medium=link&utm_content=Icon+Separator) 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](https://wordpress.org/support/plugin/icon-separator/reviews/#new-post) 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](https://wordpress.org/plugins/content-blocks-builder)**– Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features. * **[Meta Field Block](https://wordpress.org/plugins/display-a-meta-field-as-block)**– A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files. * **[SVG Block](https://wordpress.org/plugins/svg-block)** – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library. * **[Breadcrumb Block](https://wordpress.org/plugins/breadcrumb-block)** – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce. * **[Block Enhancements](https://wordpress.org/plugins/block-enhancements)** – Adds practical features to blocks like icons, box shadows, transforms, etc. * **[Counting Number Block](https://wordpress.org/plugins/counting-number-block)**– A block to display numbers with a counting effect * **[Better YouTube Embed Block](https://wordpress.org/plugins/better-youtube-embed-block)**– A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists. The plugin is developed using @wordpress/create-block. ## Screenshots [⌊Create an icon separator⌉⌊Create an icon separator⌉[ Create an icon separator [⌊Change the separator's settings⌉⌊Change the separator's settings⌉[ Change the separator’s settings ## Blocks This plugin provides 1 block. * Icon Separator A simple horizontal separator with icon. ## Installation 1. Upload the plugin files to the `/wp-content/plugins` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress ## FAQ ### What problem does this plugin solve? It is like the core/separator block but supports an icon. ### When should we use this plugin? To make a simple, beautiful horizontal separator. ### Why needs this plugin? Because you want to make a beautiful horizontal separator. ### Who needs this plugin? Anyone can use this plugin. ## Reviews ![](https://secure.gravatar.com/avatar/869fb896b64c4a4ad604bdc35c9cb7f01df242348cd85f2ea74168f414c151a0? s=60&d=retro&r=g) ### 󠀁[Excellent plugin](https://wordpress.org/support/topic/excellent-plugin-9091/)󠁿 [Thorworx](https://profiles.wordpress.org/thorworx-1/) Мартъи 31, 2024 1 reply Excellent plugin. Responsive dev. ![](https://secure.gravatar.com/avatar/0bef6fb6514cd1d28a3d28d8fa7271d33a31c939510089ceecfbbca7a495033f? s=60&d=retro&r=g) ### 󠀁[tiny cute plugin!](https://wordpress.org/support/topic/tiny-cute-plugin/)󠁿 [vagabondtabby](https://profiles.wordpress.org/vagabondtabby/) Январь 2, 2023 1 reply … okay I mean I guess it depends on what kind of icon you’re using in your separator. I guess it could be machine guns. But I’m using a cat for mine so it’s definitely cute. ANYWAY it works, it’s easy, I did have a small issue with it & Phi got back to me immediately, & now my website has cute separators with a cat & everything is lovely. ![](https://secure.gravatar.com/avatar/e239133f202fc80491249cbc53cf879f7741025ec756dcbccca35b30925b6fc4? s=60&d=retro&r=g) ### 󠀁[Simple and great, thank you!](https://wordpress.org/support/topic/simple-and-great-thank-you/)󠁿 [blubbubb](https://profiles.wordpress.org/blubbubb/) Май 1, 2022 1 reply Very good one! ![](https://secure.gravatar.com/avatar/cd8ec9b9426ffe9d028f43a8a61ea91eafd6712ec7be48f8a085031d6419c053? s=60&d=retro&r=g) ### 󠀁[Works great!](https://wordpress.org/support/topic/works-great-8222/)󠁿 [summerchilde](https://profiles.wordpress.org/summerchilde/) Апрель 20, 2022 1 reply Saw the post on WPTavern about it and had to give it a try. Will definitely use on future projects. [ Read all 4 reviews ](https://wordpress.org/support/plugin/icon-separator/reviews/) ## Contributors & Developers “Icon Separator” is open source software. The following people have contributed to this plugin. Contributors * [ Phi Phan ](https://profiles.wordpress.org/mr2p/) “Icon Separator” has been translated into 5 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/icon-separator/contributors) for their contributions. [Translate “Icon Separator” into your language.](https://translate.wordpress.org/projects/wp-plugins/icon-separator) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/icon-separator/), check out the [SVN repository](https://plugins.svn.wordpress.org/icon-separator/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/icon-separator/) by [RSS](https://plugins.trac.wordpress.org/log/icon-separator/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.2.5 _Release Date – 07 May 2026_ * Improved – Updated inspector control styles #### 1.2.4 _Release Date – 22 November 2024_ * Updated – SDK to improve controls and utilities. * Fixed – SVGs from the media library overriding icons from the icon library. #### 1.2.3 _Release Date – 24 October 2024_ * Updated – SDK to implement minor UI changes and remove deprecated code * Improved – Replaced classnames with clsx * Updated – Tested compatibility with WP 6.7 and set minimum requirement to WP 6.5 * Added – Support clientNavigation interactivity #### 1.2.2 _Release Date – 23 May 2024_ * Improved – Render line style popup on the left side #### 1.2.1 _Release Date – 28 April 2024_ * Updated – icon library * Removed – Upload SVGs to the media library #### 1.2.0 _Release Date – 31 March 2024_ * Added – Allow uploading and loading SVG icons from the media library * Improved – Use the ToolPanel for inspector settings * Improved – Make the line rounded by default * Updated – Update SDK #### 1.1.8 _Release Date – 23 September 2023_ * Updated – Using the default BorderControl for the line style * Updated – Update ‘Requires at least’ to 6.3 for new the spacing sizes control style #### 1.1.7 _Release Date – 02 September 2023_ * DEV – Using the default SpacingSizesControl for margin * DEV – Add Unit and Range control for custom spacing #### 1.1.6 _Release Date – 09 August 2023_ * DEV – Update the icon library popup style for WP 6.3 * DEV – Add keywords * DEV – Refactor code #### 1.1.5 _Release Date – 11 March 2023_ * DEV – Update icon library #### 1.1.4 _Release Date – 09 February 2023_ * DEV – Add SVGO GUI tool to the SVG help text * DEV – Update SDK #### 1.1.3 _Release Date – 23 October 2022_ * DEV – Refactor SVG controls * DEV – Replace client caching by loading the icon library from the REST API #### 1.1.2 _Release Date – 18 September 2022_ * FIX – Compatibility issue with the Gutenberg plugin #### 1.1.1 _Release Date – 16 September 2022_ * FIX – Load all localization text #### 1.1.0 _Release Date – 27 July 2022_ * DEV – Support converting from/to core/separator * DEV – Allow double click to insert icon from the modal #### 1.0.8 _Release Date – 30 Jun 2022_ * FIX – Convert inline style to style object #### 1.0.7 _Release Date – 20 Jun 2022_ * DEV – Allow uploading icon #### 1.0.6 _Release Date – 12 May 2022_ * REFACTOR – Update SDK #### 1.0.5 _Release Date – 30 April 2022_ * DEV – Update color format #### 1.0.4 _Release Date – 28 April 2022_ * DEV – Add the title to block registration in JS. #### 1.0.3 _Release Date – 21 April 2022_ * DEV – Add separator role for accessibility #### 1.0.2 _Release Date – 19 April 2022_ * REFACTOR code #### 1.0.1 _Release Date – 16 April 2022_ * DEV – Add shortcut keys to the icon library modal, focus on the search box when opening the modal * DEV – Make it compatible with common themes #### 1.0.0 _Release Date – 14 April 2022_ ## Meta * Version **1.2.5** * Last updated **2 боны ago** * Active installations **1,000+** * WordPress version ** 6.5 or higher ** * Tested up to **7.1** * PHP version ** 7.0 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/icon-separator/), [Spanish (Chile)](https://cl.wordpress.org/plugins/icon-separator/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/icon-separator/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/icon-separator/), [Spanish (Spain)](https://es.wordpress.org/plugins/icon-separator/), and [Spanish (Venezuela)](https://ve.wordpress.org/plugins/icon-separator/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/icon-separator) * Tags * [block](https://os.wordpress.org/plugins/tags/block/)[divider](https://os.wordpress.org/plugins/tags/divider/) [icon](https://os.wordpress.org/plugins/tags/icon/)[separator](https://os.wordpress.org/plugins/tags/separator/) [SVG](https://os.wordpress.org/plugins/tags/svg/) * [Advanced View](https://os.wordpress.org/plugins/icon-separator/advanced/) ## Ratings 5 out of 5 stars. * [ 4 5-star reviews ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/icon-separator/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/icon-separator/reviews/) ## Contributors * [ Phi Phan ](https://profiles.wordpress.org/mr2p/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/icon-separator/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://boldblocks.net?utm_source=wp.org&utm_campaign=readme&utm_medium=link&utm_content=Icon+Separator+Donate)