Lucide icon block with custom SVG, link support, and core block icons. Includes a searchable icon picker for Gutenberg.
- 🎨 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
- Install dependencies:
npm install- Build the plugin:
npm run build- Activate the plugin in WordPress admin.
Full documentation and usage guide: https://4wp.dev/plugin/4wp-icons/
Start the build process in watch mode:
npm start- Add the "4WP Icon" block to your page/post
- Click the icon picker button to open the icon browser
- Search for icons or browse through the available options
- Select an icon
- Adjust size, stroke width, and other settings in the sidebar
- The icon color will inherit from the text color setting
- Plugin page: https://4wp.dev/plugin/4wp-icons/
- GitHub: https://github.com/4wpdev/4wp-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...
- Heroicons support
- Tabler Icons support
- Phosphor Icons support
- Custom SVG upload support
- Icon support for core and custom blocks
GPL-2.0-or-later