Stop destroying your Google PageSpeed scores by loading massive icon fonts (like FontAwesome) just to display a couple of graphics on your page. The Brutal Icon Block is a lightning-fast WordPress SVG icon block that gives you absolute design control natively inside the Gutenberg editor.
🔥 What makes it brutal?
- 1,600+ Pure SVGs (Zero Bloat): Powered by our custom Lucide icon-picker. We only save the raw SVG path directly to your database. No external scripts, no heavy font files loaded on the frontend. Just instant, uncompromised speed.
- Infinite Scaling: Use the custom size slider to make your icons as tiny as a text character or incredibly massive. Because it is pure SVG code, it stays flawlessly crisp at any resolution.
- The “Fill” Magic Toggle: Lucide icons are only available beautifully outlined. We engineered a custom toggle that automatically fills the inside of the icon (this works perfectly on simple geometric shapes like hearts, stars, or squares).
- Bring Your Own Code: Have a specific vector graphic? You can bypass the library entirely and paste your Custom SVG code directly into the block.
- Animate & Style: Wrap your icons in a sleek Circle or Box background, turn them into clickable links (with an “Open in new tab” option), and grab your visitors’ attention with premium CSS animations (Spin, Float, Pulse, and Shake).
💸 FREE vs. PRO
The Free version lets you taste the pure speed of SVG, but if you are building a serious landing page, the PRO version is non-negotiable.
- FREE Version: Extremely limited. You get access to the 1,600+ icon picker, but you are strictly locked to a maximum of 3 icons per page. No animations, no backgrounds, no custom SVGs.
- PRO Version (Unleash the Beast): The ultimate design upgrade.
- Unlimited Icons: Build massive feature grids, service sections, and complex layouts with zero restrictions.
- Advanced Styling: Unlock the sleek Circle and Box background wrappers.
- Animations: Make your page alive with Spin, Float, Pulse, and Shake effects.
- Link & Fill: Turn any icon into a fully functional hyperlink and unlock the exclusive Fill toggle.
- Custom SVG Support: Total freedom to paste your own vector code.
🛠️ Quick Help: Up and running in seconds
Adding optimized icons to your layout takes no time at all:
- Click on the + icon in your editor and type “Brutal”, then click on Browse All. Alternatively, click the + icon on the top left corner of the editor screen, scroll down to the Brutal Blocks section (or type “brutal” in the search field), and drag and drop the “Brutal Icon” onto your layout.
- Open the icon-picker in the right sidebar to search and choose from over 1,600 native SVGs.
- Use the slider to effortlessly scale your icon from tiny to massive.
- PRO users: Link your icon, toggle the Fill option, or paste your Custom SVG code.
- PRO users: Apply a background shape (Circle or Box) and select an eye-catching animation. Save your page and enjoy the blazing-fast load times.