Icon Blocker is a gutenberg block to add icon anywhere in gutenberg editor.
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
Screenshots
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.
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:
- Flaticon – Offers a vast collection of free SVG icons.
- FontAwesome – Provides a wide range of scalable vector icons.
- Material Icons – Google’s material design icons available in SVG format.
- SVGRepo – A platform for high-quality SVG icons contributed by the community.
- Icons8 – Offers a diverse set of SVG icons and illustrations.
- Feather Icons – Open-source icons designed for simplicity and elegance.
- Heroicons – A set of free, MIT-licensed high-quality SVG icons for you to use.
- 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.
ChangeLog
