The Icon Block

2025-08-06 WP免费插件库 5

The Icon Block plugin registers a single, easy-to-use block that allows you to add custom SVG icons and graphics to the WordPress block editor (Gutenberg).

The plugin also includes the complete WordPress icon library with 290+ SVG icons.

Key features

290+ native WordPress icons, including social logos
Use any custom SVG icon or graphic
Insert icons from your Media Library if SVG uploads are supported
Includes handy icon controls (link, rotate, alignment, colors, border, padding, margin, etc.)
Fully compatible with the Site Editor
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

Stay connected

作者：Nick Diego

截图：

The Icon Block includes icon controls such as color, rotation, alignment, padding, and border-radius.
The Icon Block adapts to your layout, whether you need a big or small icon.
Use the “quick inserter” to pick the WordPress icon you need.
The Icon Block includes the WordPress icon library, allowing you to insert 270+ graphics.
Create your own custom icons by simply copying/pasting the SVG code. Then, modify the icon to suit your needs.
You are not limited to traditional icons. Any SVG-based graphic will work as well. The block will respect any hard-coded color/fill values in the provided SVG.

区块

该插件提供了 1 个区块.

Icon Insert an SVG icon or graphic.

额外信息：

版本 2.0.0

最后更新：2 月前

活跃安装数量 30,000+

WordPress 版本 6.5 或更高版本

已测试的最高版本为 6.8.2

PHP 版本 7.4 或更高版本

语言

评分：5

各个星级评论数量：100%#28#0%#0#0%#0#0%#0#0%#0

问答：

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 copying/pasting the code into the icon text area 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, 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.

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 can’t I add SVG icons from my Media Library?

By default, WordPress does not allow you to add SVG files to your Media Library, but you can enable this functionality using plugins like Safe SVG. If SVG uploads are enabled, you will see the option to insert icons from Media Library in the Icon Block.

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, the Unfiltered MU plugin, or something similar. Regrettably, this is a WordPress restriction and needs to be handled outside of the Icon Block.

插件官方网址：https://cn.wordpress.org/plugins/icon-block/

下载数量：30000

缩略图网址：https://ps.w.org/icon-block/assets/icon-256x256.png?rev=3122589

The Icon Block

Key features

Stay connected

猜你喜欢

MC4WP: Mailchimp for WordPress

TruVisibility Plagiarism Checker

EHx Members

Contact Form Builder by RioForms – Drag & Drop WordPress Form Plugin

Edit Recent Edited Posts

Clean Post Content

评论0

社交账号快速登录

社交账号快速登录