Title: All Icon Block
Author: Kamal Hosen
Published: <strong>Cotmeh 4, 2022</strong>
Last modified: Cotmeh 4, 2022

---

Search plugins

![](https://ps.w.org/all-icon-block/assets/banner-772x250.png?rev=2793899)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/all-icon-block/assets/icon-256x256.png?rev=2793899)

# All Icon Block

 By [Kamal Hosen](https://profiles.wordpress.org/ikamal/)

[Download](https://downloads.wordpress.org/plugin/all-icon-block.1.0.2.zip)

 * [Details](https://kmr.wordpress.org/plugins/all-icon-block/#description)
 * [Reviews](https://kmr.wordpress.org/plugins/all-icon-block/#reviews)
 *  [Installation](https://kmr.wordpress.org/plugins/all-icon-block/#installation)
 * [Development](https://kmr.wordpress.org/plugins/all-icon-block/#developers)

 [Support](https://wordpress.org/support/plugin/all-icon-block/)

## Description

This plugin provides an easy way to add a custom SVG icon or graphic to the Block
Editor (Gutenberg). It also includes the complete WordPress icon library with over
270 SVG icons to choose from!

### Key Features

 * 270+ native WordPress icons, including social logos
 * Use any custom SVG icon or graphic
 * Includes some handy icon controls (link, rotate, alignment, colors, border, padding,
   margin, etc.)
 * No block library required 🎉
 * Built almost entirely with native WordPress components
 * Will get additional functionality as it’s added to WordPress core
 * Register your own custom icon library. [Learn more](https://blog.kamalhosen.com/adding-custom-icons-to-the-icon-block/)

### Stay Connected

 * [Follow on Twitter](https://twitter.com/kamalhosenn)

## Blocks

This plugin provides 1 block.

 *   The Icon Block Insert an SVG icon or graphic.

## Installation

 1. You have a couple options:
 2.  * Go to Plugins → Add New and search for “All Icon Block”. Once found, click “
       Install”.
     * Download the Icon Block from wordpress.org and make sure the folder us zipped.
       Then upload via Plugins → Add New → Upload.
     * Open the block inserter within the Block Editor (Gutenberg) and search for “
       icon”. The plugin should appear and allow you to it install directly. Skip steps
       2 and 3.
 3. Activate the plugin through the ‘Plugins’ screen in WordPress.
 4. Search for the block within the Block Editor (Gutenberg) and begin using.

## FAQ

### Where can I get more icons?

Currently, the Icon Block only includes the WordPress icon library. That said, the
plugin allows you to render **any** SVG-based icon by simply copy/pasting the code
into the icon textarea when using the “Add custom icon” option! See the screenshots
for reference. This gives you complete flexibility and allows you to use practically
any icon you want. A great source for free SVG icons is Google’s Material Icons 
project, Font Awesome, and Iconic, just to name a few.

The Icon Block also allows you to register your own custom block library. This needs
to be done externally in your theme, or via a plugin, but provides complete flexibility
over the icons available in the plugin. [Learn more](https://blog.kamalhosen.me/adding-custom-icons-to-the-icon-block/).

### Why is my icon not changing color?

The Icon Block includes controls for the icon’s color and background. However, if
your SVG icon has hard coded color/fill values, the plugin will respect those instead
of any applied custom colors.

### Why is the block not working for certain users?

WordPress only allows Administrators and Editors to save “Unfiltered HTML” content,
which includes SVGs. The Icon Block will not work properly for users who are at 
the Author level or lower.

Note that WordPress multisite installations have additional restrictions. “Unfiltered
HTML” is restricted to Super Admins on multisite. To enable “Unfiltered HTML” content
for site Administrators and Editors, you will need to use a [code snippet](https://kellenmace.com/add-unfiltered_html-capability-to-admins-or-editors-in-wordpress-multisite/),
the [Unfiltered MU](https://wordpress.org/plugins-wp/unfiltered-mu/) plugin, or 
something similar. Regrettably, this is a WordPress restriction and needs to be 
handled outside of the Icon Block.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“All Icon Block” is open source software. The following people have contributed 
to this plugin.

Contributors

 *   [ Kamal Hosen ](https://profiles.wordpress.org/ikamal/)
 *   [ WPBranch ](https://profiles.wordpress.org/wpbranch/)

[Translate “All Icon Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/all-icon-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/all-icon-block/), check
out the [SVN repository](https://plugins.svn.wordpress.org/all-icon-block/), or 
subscribe to the [development log](https://plugins.trac.wordpress.org/log/all-icon-block/)
by [RSS](https://plugins.trac.wordpress.org/log/all-icon-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release 🎉

## Meta

 *  Version **1.0.2**
 *  Last updated **4 sal ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.9 or higher **
 *  Tested up to **6.0.11**
 *  PHP version ** 7.0 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/all-icon-block/)
 * Tags
 * [block](https://kmr.wordpress.org/plugins/tags/block/)[icon](https://kmr.wordpress.org/plugins/tags/icon/)
   [icon-block](https://kmr.wordpress.org/plugins/tags/icon-block/)[SVG](https://kmr.wordpress.org/plugins/tags/svg/)
   [SVG block](https://kmr.wordpress.org/plugins/tags/svg-block/)
 *  [Advanced View](https://kmr.wordpress.org/plugins/all-icon-block/advanced/)

## Ratings

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/all-icon-block/reviews/)

## Contributors

 *   [ Kamal Hosen ](https://profiles.wordpress.org/ikamal/)
 *   [ WPBranch ](https://profiles.wordpress.org/wpbranch/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/all-icon-block/)