Skip to content

4wpdev/4wp-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

4WP Icons

WordPress block plugin for Lucide icons with minimal configuration. Allows you to add beautiful Lucide icons to your Gutenberg editor with a searchable icon picker.

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
  • 🎯 Server-Side Rendering - Icons are rendered on the server for optimal performance
  • 📦 Lightweight - Minimal dependencies and optimized code

Installation

  1. Install dependencies:
npm install
  1. Build the plugin:
npm run build
  1. Activate the plugin in WordPress admin.

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

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

License

GPL-2.0-or-later

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published