Title: Icon Separator
Author: Phi Phan
Published: <strong>एप्रिल 14, 2022</strong>
Last modified: ऑगस्ट 16, 2026

---

प्लगइन शोधा

![](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.5.zip)

 * [तपशील](https://mr.wordpress.org/plugins/icon-separator/#description)
 * [पुनरावलोकने](https://mr.wordpress.org/plugins/icon-separator/#reviews)
 *  [इंस्टॉलेशन](https://mr.wordpress.org/plugins/icon-separator/#installation)
 * [डेव्हलोपमेंट](https://mr.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)**–
   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.

## स्क्रीनशॉट

[⌊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

## ब्लॉक्स

हे प्लगइन 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” हे मुक्त स्रोत सॉफ्टवेअर आहे. पुढील लोक या प्लगइनच्या निर्मितीत
योगदान केले आहे.

योगदानकर्ते

 *   [ 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.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_

## मेटा

 *  आवृत्ती **1.2.5**
 *  शेवटचा अद्यतन **4 आठवडे पूर्वी**
 *  सक्रिय स्थापना **1,000+**
 *  वर्डप्रेस आवृत्ती ** 6.5 किंवा मोठा **
 *  परीक्षित केले आहे **7.1**
 *  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://mr.wordpress.org/plugins/tags/block/)[divider](https://mr.wordpress.org/plugins/tags/divider/)
   [icon](https://mr.wordpress.org/plugins/tags/icon/)[separator](https://mr.wordpress.org/plugins/tags/separator/)
   [SVG](https://mr.wordpress.org/plugins/tags/svg/)
 *  [प्रगत दृश्य](https://mr.wordpress.org/plugins/icon-separator/advanced/)

## मूल्यांकन

 5 पैकी ५ तारे.

 *  [  4 5-तारांकित परीक्षणे     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=5)
 *  [  0 4-तारांकित परीक्षणे     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=4)
 *  [  0 3-तारांकित परीक्षणे     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=3)
 *  [  0 2-तारांकित परीक्षणे     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=2)
 *  [  0 1-तारांकित परीक्षणे     ](https://wordpress.org/support/plugin/icon-separator/reviews/?filter=1)

[आपला अभिप्राय](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)