{"id":155883,"date":"2022-04-14T02:55:27","date_gmt":"2022-04-14T02:55:27","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/icon-separator\/"},"modified":"2026-08-16T09:17:51","modified_gmt":"2026-08-16T09:17:51","slug":"icon-separator","status":"publish","type":"plugin","link":"https:\/\/mn.wordpress.org\/plugins\/icon-separator\/","author":9299724,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2.5","stable_tag":"1.2.5","tested":"7.1","requires":"6.5","requires_php":"7.0","requires_plugins":null,"header_name":"Icon Separator","header_author":"Phi Phan","header_description":"A simple horizontal separator with icon.","assets_banners_color":"ffffff","last_updated":"2026-08-16 09:17:51","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/boldblocks.net?utm_source=wp.org&utm_campaign=readme&utm_medium=link&utm_content=Icon+Separator+Donate","header_plugin_uri":"https:\/\/boldblocks.net?utm_source=Icon+Separator&utm_campaign=visit+site&utm_medium=link&utm_content=Plugin+URI","header_author_uri":"https:\/\/boldblocks.net","rating":5,"author_block_rating":5,"active_installs":1000,"downloads":24409,"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"author_block_count":6,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"Mr2P","date":"2022-05-13 12:42:25"},"1.0.2":{"tag":"1.0.2","author":"Mr2P","date":"2022-05-13 12:42:25"},"1.0.3":{"tag":"1.0.3","author":"Mr2P","date":"2022-05-13 12:42:25"},"1.0.4":{"tag":"1.0.4","author":"Mr2P","date":"2022-05-13 12:42:25"},"1.0.5":{"tag":"1.0.5","author":"Mr2P","date":"2022-05-13 12:42:25"},"1.0.6":{"tag":"1.0.6","author":"Mr2P","date":"2022-05-17 08:10:54"},"1.0.7":{"tag":"1.0.7","author":"Mr2P","date":"2022-06-20 01:19:11"},"1.0.8":{"tag":"1.0.8","author":"Mr2P","date":"2022-06-30 07:27:31"},"1.1.0":{"tag":"1.1.0","author":"Mr2P","date":"2022-07-27 00:40:51"},"1.1.1":{"tag":"1.1.1","author":"Mr2P","date":"2022-09-16 08:59:04"},"1.1.2":{"tag":"1.1.2","author":"Mr2P","date":"2022-09-18 14:00:10"},"1.1.3":{"tag":"1.1.3","author":"Mr2P","date":"2023-02-09 02:46:36"},"1.1.4":{"tag":"1.1.4","author":"Mr2P","date":"2023-02-09 04:02:25"},"1.1.5":{"tag":"1.1.5","author":"Mr2P","date":"2023-03-11 10:24:14"},"1.1.6":{"tag":"1.1.6","author":"Mr2P","date":"2023-08-14 12:47:49"},"1.1.7":{"tag":"1.1.7","author":"Mr2P","date":"2023-09-02 16:07:33"},"1.1.8":{"tag":"1.1.8","author":"Mr2P","date":"2024-01-15 00:37:17"},"1.2.0":{"tag":"1.2.0","author":"Mr2P","date":"2024-03-31 03:02:06"},"1.2.1":{"tag":"1.2.1","author":"Mr2P","date":"2024-04-28 09:26:05"},"1.2.2":{"tag":"1.2.2","author":"Mr2P","date":"2024-07-17 01:22:56"},"1.2.3":{"tag":"1.2.3","author":"Mr2P","date":"2025-04-14 08:08:19"},"1.2.4":{"tag":"1.2.4","author":"Mr2P","date":"2025-11-22 13:48:00"},"1.2.5":{"tag":"1.2.5","author":"Mr2P","date":"2026-08-16 09:17:51"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":4},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2709489,"resolution":"128x128","location":"assets","locale":"","width":256,"height":256},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2709489,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":2709489,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2709489,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2709489,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"boldblocks\/icon-separator":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"boldblocks\/icon-separator","title":"Icon Separator","category":"design","description":"A simple horizontal separator with icon.","keywords":["separator","icon","divider","svg","image"],"attributes":{"icon":{"type":"string"},"iconWidth":{"type":"object"},"iconSpacing":{"type":"object"},"iconPosition":{"type":"string"},"iconFillColor":{"type":"object"},"iconStrokeColor":{"type":"object"},"width":{"type":"object"},"margin":{"type":"object"},"justifyAlignment":{"type":"string"},"border":{"type":"object","default":{"width":"1px","style":"solid"}}},"supports":{"html":false,"align":true,"interactivity":{"clientNavigation":true}},"textdomain":"icon-separator","editorScript":"file:.\/index.js","style":"file:.\/style-index.css"}},"tagged_versions":["1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.0.8","1.1.0","1.1.1","1.1.2","1.1.3","1.1.4","1.1.5","1.1.6","1.1.7","1.1.8","1.2.0","1.2.1","1.2.2","1.2.3","1.2.4","1.2.5"],"block_files":["\/tags\/1.2.5\/build\/index.js","\/tags\/1.2.5\/build\/style-index.css"],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":2709489,"resolution":"1","location":"assets","locale":"","width":1918,"height":852},"screenshot-2.gif":{"filename":"screenshot-2.gif","revision":2709489,"resolution":"2","location":"assets","locale":"","width":1912,"height":882}},"screenshots":{"1":"<p>Create an icon separator<\/p>","2":"<p>Change the separator's settings<\/p>"}},"plugin_section":[172757],"plugin_tags":[1220,3486,497,2749,2904],"plugin_category":[50],"plugin_contributors":[203545],"plugin_business_model":[],"class_list":["post-155883","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-block","plugin_tags-divider","plugin_tags-icon","plugin_tags-separator","plugin_tags-svg","plugin_category-media","plugin_contributors-mr2p","plugin_committers-mr2p"],"banners":{"banner":"https:\/\/ps.w.org\/icon-separator\/assets\/banner-772x250.png?rev=2709489","banner_2x":"https:\/\/ps.w.org\/icon-separator\/assets\/banner-1544x500.png?rev=2709489","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/icon-separator\/assets\/icon.svg?rev=2709489","icon":"https:\/\/ps.w.org\/icon-separator\/assets\/icon.svg?rev=2709489","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/icon-separator\/assets\/screenshot-1.gif?rev=2709489","caption":"<p>Create an icon separator<\/p>"},{"src":"https:\/\/ps.w.org\/icon-separator\/assets\/screenshot-2.gif?rev=2709489","caption":"<p>Change the separator's settings<\/p>"}],"raw_content":"<!--section=description-->\n<p>A simple, lightweight, accessibility-ready icon separator block.<\/p>\n\n<h3>Key Features<\/h3>\n\n<ul>\n<li>Customize the icon width, spacing, color and position.<\/li>\n<li>Customize the separator width, style, color and position.<\/li>\n<li>Accessibility ready with 'separator' role.<\/li>\n<li>Simple and easy to use but included full settings even with responsive width and responsive vertical margin.<\/li>\n<li>An icon library included icons from \"Bootstrap Icons\", \"Ionicons\", \"Dashicons\" and new \"WordPress Icons\".<\/li>\n<\/ul>\n\n<p>Please take a look at <a href=\"https:\/\/boldpatterns.net\/keywords\/separator?utm_source=wp.org&amp;utm_campaign=readme&amp;utm_medium=link&amp;utm_content=Icon+Separator\">these custom block patterns<\/a> that use this block to see how it can be applied to real-world sites.<\/p>\n\n<p>If this plugin is useful for you, please do a quick review and <a href=\"https:\/\/wordpress.org\/support\/plugin\/icon-separator\/reviews\/#new-post\">rate it<\/a> on WordPress.org to help us spread the word. I would very much appreciate it.<\/p>\n\n<p>Please check out my other plugins if you're interested:<\/p>\n\n<ul>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/content-blocks-builder\">Content Blocks Builder<\/a><\/strong> - Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/display-a-meta-field-as-block\">Meta Field Block<\/a><\/strong> - 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.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/svg-block\">SVG Block<\/a><\/strong> - 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.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/breadcrumb-block\">Breadcrumb Block<\/a><\/strong> - A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/block-enhancements\">Block Enhancements<\/a><\/strong> - Adds practical features to blocks like icons, box shadows, transforms, etc.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/counting-number-block\">Counting Number Block<\/a><\/strong> - A block to display numbers with a counting effect<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/better-youtube-embed-block\">Better YouTube Embed Block<\/a><\/strong> - A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists.<\/li>\n<\/ul>\n\n<p>The plugin is developed using @wordpress\/create-block.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20problem%20does%20this%20plugin%20solve%3F\"><h3>What problem does this plugin solve?<\/h3><\/dt>\n<dd><p>It is like the core\/separator block but supports an icon.<\/p><\/dd>\n<dt id=\"when%20should%20we%20use%20this%20plugin%3F\"><h3>When should we use this plugin?<\/h3><\/dt>\n<dd><p>To make a simple, beautiful horizontal separator.<\/p><\/dd>\n<dt id=\"why%20needs%20this%20plugin%3F\"><h3>Why needs this plugin?<\/h3><\/dt>\n<dd><p>Because you want to make a beautiful horizontal separator.<\/p><\/dd>\n<dt id=\"who%20needs%20this%20plugin%3F\"><h3>Who needs this plugin?<\/h3><\/dt>\n<dd><p>Anyone can use this plugin.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.5<\/h4>\n\n<p><em>Release Date - 07 May 2026<\/em><\/p>\n\n<ul>\n<li>Improved - Updated inspector control styles<\/li>\n<\/ul>\n\n<h4>1.2.4<\/h4>\n\n<p><em>Release Date - 22 November 2024<\/em><\/p>\n\n<ul>\n<li>Updated - SDK to improve controls and utilities.<\/li>\n<li>Fixed   - SVGs from the media library overriding icons from the icon library.<\/li>\n<\/ul>\n\n<h4>1.2.3<\/h4>\n\n<p><em>Release Date - 24 October 2024<\/em><\/p>\n\n<ul>\n<li>Updated  - SDK to implement minor UI changes and remove deprecated code<\/li>\n<li>Improved - Replaced classnames with clsx<\/li>\n<li>Updated  - Tested compatibility with WP 6.7 and set minimum requirement to WP 6.5<\/li>\n<li>Added    - Support clientNavigation interactivity<\/li>\n<\/ul>\n\n<h4>1.2.2<\/h4>\n\n<p><em>Release Date - 23 May 2024<\/em><\/p>\n\n<ul>\n<li>Improved - Render line style popup on the left side<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<p><em>Release Date - 28 April 2024<\/em><\/p>\n\n<ul>\n<li>Updated - icon library<\/li>\n<li>Removed - Upload SVGs to the media library<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<p><em>Release Date - 31 March 2024<\/em><\/p>\n\n<ul>\n<li>Added    - Allow uploading and loading SVG icons from the media library<\/li>\n<li>Improved - Use the ToolPanel for inspector settings<\/li>\n<li>Improved - Make the line rounded by default<\/li>\n<li>Updated  - Update SDK<\/li>\n<\/ul>\n\n<h4>1.1.8<\/h4>\n\n<p><em>Release Date - 23 September 2023<\/em><\/p>\n\n<ul>\n<li>Updated - Using the default BorderControl for the line style<\/li>\n<li>Updated - Update 'Requires at least' to 6.3 for new the spacing sizes control style<\/li>\n<\/ul>\n\n<h4>1.1.7<\/h4>\n\n<p><em>Release Date - 02 September 2023<\/em><\/p>\n\n<ul>\n<li>DEV - Using the default SpacingSizesControl for margin<\/li>\n<li>DEV - Add Unit and Range control for custom spacing<\/li>\n<\/ul>\n\n<h4>1.1.6<\/h4>\n\n<p><em>Release Date - 09 August 2023<\/em><\/p>\n\n<ul>\n<li>DEV - Update the icon library popup style for WP 6.3<\/li>\n<li>DEV - Add keywords<\/li>\n<li>DEV - Refactor code<\/li>\n<\/ul>\n\n<h4>1.1.5<\/h4>\n\n<p><em>Release Date - 11 March 2023<\/em><\/p>\n\n<ul>\n<li>DEV - Update icon library<\/li>\n<\/ul>\n\n<h4>1.1.4<\/h4>\n\n<p><em>Release Date - 09 February 2023<\/em><\/p>\n\n<ul>\n<li>DEV - Add SVGO GUI tool to the SVG help text<\/li>\n<li>DEV - Update SDK<\/li>\n<\/ul>\n\n<h4>1.1.3<\/h4>\n\n<p><em>Release Date - 23 October 2022<\/em><\/p>\n\n<ul>\n<li>DEV - Refactor SVG controls<\/li>\n<li>DEV - Replace client caching by loading the icon library from the REST API<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<p><em>Release Date - 18 September 2022<\/em><\/p>\n\n<ul>\n<li>FIX - Compatibility issue with the Gutenberg plugin<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<p><em>Release Date - 16 September 2022<\/em><\/p>\n\n<ul>\n<li>FIX - Load all localization text<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<p><em>Release Date - 27 July 2022<\/em><\/p>\n\n<ul>\n<li>DEV - Support converting from\/to core\/separator<\/li>\n<li>DEV - Allow double click to insert icon from the modal<\/li>\n<\/ul>\n\n<h4>1.0.8<\/h4>\n\n<p><em>Release Date - 30 Jun 2022<\/em><\/p>\n\n<ul>\n<li>FIX - Convert inline style to style object<\/li>\n<\/ul>\n\n<h4>1.0.7<\/h4>\n\n<p><em>Release Date - 20 Jun 2022<\/em><\/p>\n\n<ul>\n<li>DEV - Allow uploading icon<\/li>\n<\/ul>\n\n<h4>1.0.6<\/h4>\n\n<p><em>Release Date - 12 May 2022<\/em><\/p>\n\n<ul>\n<li>REFACTOR - Update SDK<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<p><em>Release Date - 30 April 2022<\/em><\/p>\n\n<ul>\n<li>DEV - Update color format<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<p><em>Release Date - 28 April 2022<\/em><\/p>\n\n<ul>\n<li>DEV - Add the title to block registration in JS.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<p><em>Release Date - 21 April 2022<\/em><\/p>\n\n<ul>\n<li>DEV - Add separator role for accessibility<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<p><em>Release Date - 19 April 2022<\/em><\/p>\n\n<ul>\n<li>REFACTOR code<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<p><em>Release Date - 16 April 2022<\/em><\/p>\n\n<ul>\n<li>DEV - Add shortcut keys to the icon library modal, focus on the search box when opening the modal<\/li>\n<li>DEV - Make it compatible with common themes<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<p><em>Release Date - 14 April 2022<\/em><\/p>","raw_excerpt":"A simple, lightweight, accessibility-ready icon separator block.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/155883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=155883"}],"author":[{"embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mr2p"}],"wp:attachment":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=155883"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=155883"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=155883"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=155883"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=155883"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=155883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}