Icon Blocker


The Icon Blocker extension introduces a simple, user-friendly block that empowers you to add SVG icons( WordPress Dash icons, Fontawesome or custome SVG ) into the WordPress block editor, known as Gutenberg.

Furthermore, the extension includes the WordPress icon library, Fontawesome icons.

Key Features

  • 1700+ icons included, including social logos
  • Use any custom SVG icon
  • Insert icons from your Media Library if SVG uploads are supported
  • Includes handy icon controls (alignment, colors,link, rotate, border, padding, margin, etc.)
  • Fully compatible with the Site Editor

Stay Connected


  • This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets directory take precedence. For example, /assets/screenshot-1.png would win over /tags/4.3/screenshot-1.png (or jpg, jpeg, gif).
  • This is the second screenshot display the view inside editor.
  • This is the third screenshot display the settings inside editor.
  • This is the fourth screenshot display the colors inside editor.


This plugin provides 1 block.

  • Icon The Icon will create…..


  1. You have a couple of options:
    • Go to Plugins → Add New and search for “Icon Blocker”. Once found, click “Install”.
    • Download the Icon Blocker from wordpress.org and make sure the folder is 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 install it directly. Skip steps 2 and 3.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Search for the block within the Block Editor (Gutenberg) and begin using it.


A question that someone might have

An answer to that question.

Where can I get more icons?

We have included Font Awesome and WordPress Dashicons Library. But you can add other icon through this plugin.

Links to freely available SVG icons:

  1. Flaticon – Offers a vast collection of free SVG icons.
  2. FontAwesome – Provides a wide range of scalable vector icons.
  3. Material Icons – Google’s material design icons available in SVG format.
  4. SVGRepo – A platform for high-quality SVG icons contributed by the community.
  5. Icons8 – Offers a diverse set of SVG icons and illustrations.
  6. Feather Icons – Open-source icons designed for simplicity and elegance.
  7. Heroicons – A set of free, MIT-licensed high-quality SVG icons for you to use.
  8. SVG Icons – Provides a collection of SVG icons with various categories.

Remember to check the licensing terms for each icon set to ensure they can be used according to your needs.

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.


There are no reviews for this plugin.

Contributors & Developers

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


Translate “Icon Blocker” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Initial Release