
Aver Icon Pro
Aver Icon is a customizable Gutenberg block that using block.json and native components to allows you to insert icons into your WordPress pages and posts with full control over their style, behavior, and interactivity.
Aver Icon is a customizable Gutenberg block that using block.json and native components to allows you to insert icons into your WordPress pages and posts with full control over their style, behavior, and interactivity.
block.json
7000+ Icons
block.json
block.json
block.json
What It Does
Add icons from multiple libraries:
- Google Material Icons
- FontAwesome
- Bootstrap Icons
- Custom SVG
Style your icons with:
- Color, size, border, background, shadow
- Rotation, flip, hover effects
- Tooltip on hover
- Border highlight
How to Use:
- Go to the Editor and add a block.
- Search for “Icon (AverWP)”.
- Click and insert the block.
- Choose an icon using the icon picker.
- Customize it with the block settings panel.
Key Features
| Feature | Description |
|---|---|
| Easy Integration | Works directly inside the WordPress Site Editor (FSE) |
| Design Options | Full control over color, size, alignment, border, and hover styles |
| Icon Picker | Modal browser with categorized icons and live preview |
| Custom Icons | Upload your own SVG icons |
| Responsive | Automatically adjusts to fit all screen sizes (SVG icons) |
| Lightweight | No unnecessary scripts or slowdowns |
| Tooltips | Show helpful tooltips when users hover the icon |
| Extensible | Designed to work with the AverWP Core framework (optional) |
Tips
Want to use a custom SVG? Just switch to “Custom” in the icon type and paste your SVG code!
Requirements
- WordPress 6.1+
- Block editor (Gutenberg) enabled
Need Helps?
Aver Icon Pro is a customizable Gutenberg block that using block.json and native components to allows you to insert icons into your WordPress pages and posts with full control over their style, behavior, and interactivity.
| Attributes | Value |
|---|---|
| Lisence |
1 Site, 5 Sites, Unlimited |
