4WP Icons Plugin

Lucide icon block with custom SVG, link support, and core block icons. Includes a searchable icon picker for Gutenberg.

Features

• 🎨 Full Lucide Icon Library – Access to all 1000+ Lucide icons
• 🔍 Searchable Icon Picker – Easy-to-use visual icon picker with search functionality
• ⚙️ Customizable – Adjust size, stroke width, and color
• 🔗 Link Support – Wrap icons with a URL (optional new tab)
• 🧩 Core Block Icons – Add icons to Button, Heading, Paragraph, List, Quote
• 🎯 Server-Side Rendering – Icons are rendered on the server for optimal performance
• 📦 Lightweight – Minimal dependencies and optimized code

Installation

1. Install dependencies:

npm install

2. Build the plugin:

npm run build

3. Activate the plugin in WordPress admin.

Documentation

Full documentation and usage guide: https://4wp.dev/plugin/4wp-icons/

Development

Start the build process in watch mode:

npm start

Usage

1. Add the “4WP Icon” block to your page/post
2. Click the icon picker button to open the icon browser
3. Search for icons or browse through the available options
4. Select an icon
5. Adjust size, stroke width, and other settings in the sidebar
6. The icon color will inherit from the text color setting

Developer

• Plugin page: https://4wp.dev/plugin/4wp-icons/
• GitHub: https://github.com/4wpdev/4wp-icons

Available Icons

The plugin uses Lucide React icons, providing access to 1000+ beautiful, consistent icons. All icons are available through the searchable icon picker.

Popular icon categories:

• Interface icons (menu, search, settings, etc.)
• Social icons
• Communication icons
• Technology icons
• And many more…

Future Plans

• Heroicons support
• Tabler Icons support
• Phosphor Icons support
• Custom SVG upload support
• Icon support for core and custom blocks