Safelayout Elegant Icons

Safelayout Elegant Icons adds high quality SVG icons to your WordPress website, and it helps you add beautiful social media icons to your website.
It’s a performance-focused plugin that drops pre-configured icon layouts directly into your content with a single click. Instead of forcing you to build complex layouts manually, this plugin provides instant, high-quality SVG Icons across your entire site layout ecosystem.

🌐 Triple-Editor Integration & Site Menu Support

Enjoy absolute workflow flexibility. Safelayout Elegant Icons integrates seamlessly as a Gutenberg Block, an Elementor Widget, and a tool within the WordPress Classic Editor. Beyond post content, you can add SVG icons directly into your website navigation Menus—fully supporting both traditional Classic Themes and modern Full-Site Editing Block Themes.

🚀 High-Quality Inline SVG Icons (Built for Performance)

Protect your website loading speeds. Every graphic in this library renders as a 100% pure inline HTML SVG icon. Because it completely eliminates bulky, render-blocking webfont files (like FontAwesome), your pages load lightning-fast with flawless cross-browser clarity on both mobile and desktop viewports.

📦 Ready-Made Conversion Blocks & Visual Layouts

Transform your plain text into structured, eye-catching sections using our pre-built layout modules:
* “Icon Box” Block with Premium Accents: Drop in beautiful info boxes featuring decorative “Box Ribbon” overlays and integrated “Box Button” wrappers for instant promotional callouts.
* “Icon List” Block: Effortlessly swap out boring default bullets for beautifully aligned vector item markers.
* “Social Share Icons” Block: Instantly position responsive social bookmarks across your content layout streams to boost page shares.

🎨 Multi-Color Icon Packs & Advanced Gradient Customization

Break away from boring monochrome graphics. The plugin includes dedicated multi-color icon packs featuring multi-toned vector elements. Take full creative control over your palette with global gradient options: apply rich gradient colors across the icon fill, the icon stroke, and the background container color simultaneously.

⚡ 38 Hover Animation Effects & Design Feedback

Bring your user interfaces to life with interactive micro-interactions. Access a library of 38 distinct hover animation effects and beautiful icon transitions.

How to add icons to the navigation menu of your WordPress website.( Block Themes )

How to add icons to the navigation menu of your WordPress website.( Classic Themes )

How to add beautiful icons into the text.( Elementor )

How to add beautiful icons into the text.( Block editor )

Features

Read the full description on the official page →