Title: Icon Separator
Author: Phi Phan
Published: <strong>14 ເມສາ 2022</strong>
Last modified: 22 ພະຈິກ 2025

---

ຄົ້ນຫາປລັກອິນ

![](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

 ໂດຍ [Phi Phan](https://profiles.wordpress.org/mr2p/)

[ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/icon-separator.1.2.4.zip)

 * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/icon-separator/#description)
 * [ການຣີວິວ](https://lo.wordpress.org/plugins/icon-separator/#reviews)
 *  [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/icon-separator/#installation)
 * [ການພັດທະນາ](https://lo.wordpress.org/plugins/icon-separator/#developers)

 [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/icon-separator/)

## ຄຳອະທິບາຍ

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)**–
   This plugin turns the Block Editor into a powerful page builder by allowing you
   to create blocks, variations, and patterns directly in the Block Editor without
   needing a code editor.
 * **[Meta Field Block](https://wordpress.org/plugins/display-a-meta-field-as-block)**–
   A block to display custom fields as blocks on the front end. It supports custom
   fields for posts, terms, users, and setting fields. It can also be used in the
   Query Loop block.
 * **[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.

## ພາບໜ້າຈໍ

 * [[
 * Create an icon separator
 * [[
 * Change the separator’s settings

## ບລັອກ

ປລັກອິນນີ້ມີ 1 ບລັອກ.

 *   Icon Separator A simple horizontal separator with icon.

## ການຕິດຕັ້ງ

 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

## ຄຳຖາມທີ່ພົບເລື້ອຍ

### 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.

## ການຣີວິວ

![](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 ການຕອບກັບ

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 
ການຕອບກັບ

… 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 ການຕອບກັບ

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 ການຕອບ
ກັບ

Saw the post on WPTavern about it and had to give it a try. Will definitely use 
on future projects.

 [ ອ່ານການຣີວິວທັງໝົດ 4 ລາຍການ ](https://wordpress.org/support/plugin/icon-separator/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ

“Icon Separator” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມໃນ
ການພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

 *   [ Phi Phan ](https://profiles.wordpress.org/mr2p/)

“Icon Separator” ໄດ້ຖືກແປເປັນ 5 ພາສາທ້ອງຖິ່ນ. ຂໍຂອບໃຈ [ທີມງານຜູ້ແປ](https://translate.wordpress.org/projects/wp-plugins/icon-separator/contributors)
ສຳລັບການປະກອບສ່ວນຂອງເຂົາເຈົ້າ.

[ແປ “Icon Separator” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/icon-separator)

### ສົນໃຈຮ່ວມພັດທະນາບໍ່?

[ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/icon-separator/), ກວດເບິ່ງ
[ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/icon-separator/), ຫຼື ຕິດຕາມ [ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/icon-separator/)
ຜ່ານ [RSS](https://plugins.trac.wordpress.org/log/icon-separator/?limit=100&mode=stop_on_copy&format=rss).

## ບັນທຶກການປ່ຽນແປງ

#### 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)

 *  ເວີຊັນ **1.2.4**
 *  ອັບເດດຫຼ້າສຸດເມື່ອ **5 ເດືອນ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ
 *  ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **1,000+**
 *  ເວີຊັນ WordPress ** 6.5 ຫຼື ສູງກວ່າ **
 *  ທົດສອບເຖິງເວີຊັນ **6.9.4**
 *  ເວີຊັນ PHP ** 7.0 ຫຼື ສູງກວ່າ **
 *  ພາສາ
 * [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/), ແລະ [Spanish (Venezuela)](https://ve.wordpress.org/plugins/icon-separator/).
 *  [ແປເປັນພາສາຂອງເຈົ້າ](https://translate.wordpress.org/projects/wp-plugins/icon-separator)
 * ແທັກ
 * [block](https://lo.wordpress.org/plugins/tags/block/)[divider](https://lo.wordpress.org/plugins/tags/divider/)
   [icon](https://lo.wordpress.org/plugins/tags/icon/)[separator](https://lo.wordpress.org/plugins/tags/separator/)
   [SVG](https://lo.wordpress.org/plugins/tags/svg/)
 *  [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/icon-separator/advanced/)

## ການໃຫ້ຄະແນນ

 5 ຈາກທັງໝົດ 5 ດາວ.

 *  [  ການວິຈານ 5 ດາວ ຈຳນວນ 4 ລາຍການ     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=5)
 *  [  ການວິຈານ 4 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=4)
 *  [  ການວິຈານ 3 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=3)
 *  [  ການວິຈານ 2 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=2)
 *  [  ການວິຈານ 1 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/icon-separator/reviews/#new-post)

[ເບິ່ງ ຄຳຄິດເຫັນ ທັງໝົດ](https://wordpress.org/support/plugin/icon-separator/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ

 *   [ Phi Phan ](https://profiles.wordpress.org/mr2p/)

## ການຊ່ວຍເຫຼືອ

ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່?

 [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/icon-separator/)

## ບໍລິຈາກ

ເຈົ້າຕ້ອງການສະໜັບສະໜູນການພັດທະນາຂອງປລັກອິນນີ້ບໍ່?

 [ ບໍລິຈາກໃຫ້ປລັກອິນນີ້ ](https://boldblocks.net?utm_source=wp.org&utm_campaign=readme&utm_medium=link&utm_content=Icon+Separator+Donate)