Title: Safelayout Elegant Icons – WordPress icons Author: safelayout Published: 2023-10-29 Last modified: 2026-09-20 --- Szukaj wtyczek ![](https://ps.w.org/safelayout-elegant-icons/assets/banner-772x250.png?rev=3372764) ![](https://ps.w.org/safelayout-elegant-icons/assets/icon-128x128.png?rev=3187827) # Safelayout Elegant Icons – WordPress icons Autor: [safelayout](https://profiles.wordpress.org/safelayout/) [Pobierz](https://downloads.wordpress.org/plugin/safelayout-elegant-icons.1.4.11.zip) [Podgląd na żywo](https://pl.wordpress.org/plugins/safelayout-elegant-icons/?preview=1) * [Szczegóły](https://pl.wordpress.org/plugins/safelayout-elegant-icons/#description) * [Recenzje](https://pl.wordpress.org/plugins/safelayout-elegant-icons/#reviews) * [Instalacja](https://pl.wordpress.org/plugins/safelayout-elegant-icons/#installation) * [Rozwój](https://pl.wordpress.org/plugins/safelayout-elegant-icons/#developers) [Wsparcie](https://wordpress.org/support/plugin/safelayout-elegant-icons/) ## Opis **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 )](https://youtu.be/cDp6K_Uij8E) [How to add icons to the navigation menu of your WordPress website.( Classic Themes )](https://youtu.be/TiA7gSP3ynk) [How to add beautiful icons into the text.( Elementor )](https://youtu.be/mjaWpggXoHw) [How to add beautiful icons into the text.( Block editor )](https://youtu.be/Ip82xAIFuGs) #### Features * Available in Block editor, Classic editor and Elementor. * Ability to add icons to the site menu. (Classic themes and Block themes) * No icon fonts, just inline SVG. * High quality SVG icons. * Include „Social Share Icons” block. * Include „Icon List” block. * Include „Icon Box” block. * Include „Box Ribbon” block. * Include „Box Button” block. * Include multi color icon packs. * Many beautiful icon effects. * Choose which icon packs to load. * Adding icons to text blocks ( Paragraph, Heading, Button, … ). * Gradient color for icon fill and stroke as well as background color. * 38 Hover animation effects. * Fully compatible with Full-Site Editing. * Cross browser compatible. * Fully customizable. * Work with Any Theme. #### Live Demo [Safelayout Elegant Icons Demo.](https://safelayout.com/safelayout-elegant-icons-pro-demo/) #### Pro Version Safelayout Elegant Icons **Pro** is available. [Upgrade to pro version](https://safelayout.com) and get full features! #### Pro Version Icon Packs (4700+ icons) * Themeisle (100 icons) [https://themeisle.com/free-icons/](https://themeisle.com/free-icons/) * WordPress Dashicons (337 icons) [https://developer.wordpress.org/resource/dashicons/](https://developer.wordpress.org/resource/dashicons/) * WordPress (285 icons) [https://github.com/WordPress/gutenberg/blob/trunk/packages/icons/src/library/](https://github.com/WordPress/gutenberg/blob/trunk/packages/icons/src/library/) * Flat color icons by Icons8 (312 icons) [https://icons8.github.io/flat-color-icons/](https://icons8.github.io/flat-color-icons/) * Linecons (48 icons) [https://designmodo.com/linecons-free/](https://designmodo.com/linecons-free/) * Filled icon set by Icons8 (200 icons) [https://icons8.com/](https://icons8.com/) * Genericons Neue (103 icons) [https://genericons.com/](https://genericons.com/) * Font Awesome regular (163 icons) [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome) * Font Awesome brands (467 icons) [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome) * Font Awesome solid (1390 icons) [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome) * Material Design (1261 icons) [https://developers.google.com/fonts/docs/material_icons](https://developers.google.com/fonts/docs/material_icons) * Meteocons – weather (47 icons) [https://www.alessioatzeni.com/](https://www.alessioatzeni.com/) #### Safelayout other plugins [Safelayout Brilliant Buttons – WordPress Button block](https://wordpress.org/plugins/safelayout-brilliant-buttons) [Safelayout Cute Preloader – CSS3 WordPress Preloader](https://wordpress.org/plugins/safelayout-cute-preloader/) [Safelayout Animated Header Footer](https://wordpress.org/plugins/safelayout-animated-header-footer) ## Zrzuty ekranu [⌊Social Share Icons⌉⌊Social Share Icons⌉[ Social Share Icons [⌊Available in elementor⌉⌊Available in elementor⌉[ Available in elementor [⌊Available in block editor⌉⌊Available in block editor⌉[ Available in block editor [⌊Available in classic editor⌉⌊Available in classic editor⌉[ Available in classic editor [⌊Multi color icons⌉⌊Multi color icons⌉[ Multi color icons [⌊Beautiful icon effects⌉⌊Beautiful icon effects⌉[ Beautiful icon effects [⌊Size and color⌉⌊Size and color⌉[ Size and color [⌊Icon shadow, background shadow and base shadow⌉⌊Icon shadow, background shadow and base shadow⌉[ Icon shadow, background shadow and base shadow [⌊Hover animation, spacing, link and title⌉⌊Hover animation, spacing, link and title⌉[ Hover animation, spacing, link and title ## Bloki Wtyczka dodaje 10 bloków. * Social Share (Safelayout) Share your posts and pages on any social sharing service. * Icon (Safelayout) Beautiful SVG icons. * Social Profiles (Safelayout) Add icon links to your social media profiles. * Icon List (Safelayout) Beautiful SVG icon list. * Safelayout Elegant Icons Beautiful SVG icons. * Icon Box (Safelayout) Beautiful SVG icon box. * Box Button (Safelayout) Icon box button. * List Item (Safelayout) A single item in the Icon List block. * Container (Safelayout) Container block. * Box Ribbon (Safelayout) Icon box ribbon. ## Instalacja #### Automated Installation (Recommended) 1. Go to your **WordPress Admin Dashboard -> Plugins -> Add New**. 2. Input **„Safelayout Elegant Icons”** inside the keyword lookup directory bar. 3. Click **Install Now**, then follow with **Activate**. #### Manual Installation via ZIP Upload 1. Grab the official compressed plugin archive folder from the [Safelayout Elegant Icons WordPress.org Plugin Repository](https://wordpress.org/plugins/safelayout-elegant-icons/). 2. Move to your **Plugins -> Add New -> Upload Plugin** dashboard panel screen. 3. Select the file structure, run the installation script, and click **Activate**. ## Najczęściej zadawane pytania ### Does this plugin rely on external font kits? No. The plugin completely bypasses render-blocking webfont architectures like FontAwesome. Every symbol is output as raw inline HTML SVG vector paths within the page template markup, guaranteeing clean performance metrics and excellent page loading scores. ### Can I use these graphics inside my main website menus? Yes! The plugin allows you to pin vector elements directly into standard WordPress Site Menu trees, working perfectly on classic themes as well as modern Full-Site Editing themes. ### How do I build an Icon Box or an Icon List? You don’t need to arrange them by hand. The plugin includes pre-configured „Icon Box”, „Icon List”, and „Social Share” layout options. You can easily pick your preferred setup right from your editor block inserter or widget sidebar. ### Is this fully compatible with Elementor layouts? Yes. Once active, a dedicated „Elegant Icons” widget module will register inside your Elementor sidebar workspace toolbox, providing access to all your icon collections. ## Recenzje ![](https://secure.gravatar.com/avatar/4c8360d6176375524663766648cd9ae3c10d32c10f630134b5c1ee35e1917d53? s=60&d=retro&r=g) ### 󠀁[good](https://wordpress.org/support/topic/good-9208/)󠁿 [matein77](https://profiles.wordpress.org/matein77/) 2026-09-22 1 odpowiedź good ![](https://secure.gravatar.com/avatar/39318fcbdd651b2293444a6a58753e1811f213947ac537e5def3ce25936ce0da? s=60&d=retro&r=g) ### 󠀁[Easier access to Icons](https://wordpress.org/support/topic/easier-access-to-icons/)󠁿 [Mr David C Markwell](https://profiles.wordpress.org/davidmarkwell/) 2025-10-12 1 odpowiedź Happy with the way this plugin works. Its very useful. ![](https://secure.gravatar.com/avatar/e2753e49d3da7f631bba5ceb81012dd49b7e5035af9e17ff704dbdecfcc8ef92? s=60&d=retro&r=g) ### 󠀁[good plugin](https://wordpress.org/support/topic/good-plugin-7063/)󠁿 [mahdi62tz](https://profiles.wordpress.org/mahdi62tz/) 2025-02-18 nice ![](https://secure.gravatar.com/avatar/51f68d44738b67b0755d4423abb10887f6bdcac0b57276acbee21e32003c664e? s=60&d=retro&r=g) ### 󠀁[WordPress Icons](https://wordpress.org/support/topic/wordpress-icons/)󠁿 [ramildelosreyes](https://profiles.wordpress.org/ramildelosreyes/) 2024-06-30 1 odpowiedź Great product! ![](https://secure.gravatar.com/avatar/753eac6ba0bf553999961214bcb4fe56a88439f29299e3be01210f9916f8b68d? s=60&d=retro&r=g) ### 󠀁[Well done plugin](https://wordpress.org/support/topic/well-done-plugin-14/)󠁿 [netviator](https://profiles.wordpress.org/netviator/) 2024-02-29 1 odpowiedź Well done and usefull. Great! [ Przeczytaj 5 recenzji ](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/) ## Kontrybutorzy i deweloperzy „Safelayout Elegant Icons – WordPress icons” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki. Zaangażowani * [ safelayout ](https://profiles.wordpress.org/safelayout/) Wtyczka „Safelayout Elegant Icons – WordPress icons” została przetłumaczona na 1 język. Podziękuj [tłumaczom](https://translate.wordpress.org/projects/wp-plugins/safelayout-elegant-icons/contributors) za ich wkład. [Przetłumacz wtyczkę “Safelayout Elegant Icons – WordPress icons” na swój język.](https://translate.wordpress.org/projects/wp-plugins/safelayout-elegant-icons) ### Interesuje cię rozwój wtyczki? [Przeglądaj kod](https://plugins.trac.wordpress.org/browser/safelayout-elegant-icons/), sprawdź [repozytorium SVN](https://plugins.svn.wordpress.org/safelayout-elegant-icons/) lub czytaj [dziennik rozwoju](https://plugins.trac.wordpress.org/log/safelayout-elegant-icons/) przez [RSS](https://plugins.trac.wordpress.org/log/safelayout-elegant-icons/?limit=100&mode=stop_on_copy&format=rss). ## Rejestr zmian #### 1.4.11 * Fixed the inline style issue. #### 1.4.10 * Fixed the unique ID issue in the block editor. #### 1.4.9 * Fixed deactivation feedback issue. * Updated user interface. #### 1.4.8 * Fixed style enqueue issue with elementor. #### 1.4.7 * Fixed Social Share Icons issue. * Fixed Menu Icons issue. #### 1.4.6 * Updated user interface. * Fixed some issue. #### 1.4.5 * Fixed issue with safecss filter. #### 1.4.4 * Updated deactivation feedback. * Fixed some issue. #### 1.4.3 * Fixed some issue. #### 1.4.2 * Added „Icon List” block. #### 1.4.1 * Updated user interface. #### 1.4.0 * Added „Social Share Icons” block. * Added „Social Profiles Icons” block. #### 1.3.0 * Fixed animation issue. #### 1.2.11 * Added a new icon effect to the icon block. #### 1.2.10 * Fixed some issue. #### 1.2.9 * Added the ability to add icons to the menu. (Classic themes and Block themes) #### 1.2.8 * Fixed icon issue with text blocks. #### 1.2.7 * Fixed some issue. * Updated user interface. #### 1.2.6 * Added some templates to the Elementor. #### 1.2.5 * Fixed icon issue with classic editor. #### 1.2.4 * Fixed the block patterns issue. #### 1.2.3 * Added some block patterns to the block editor. #### 1.2.2 * Updated the icon box block default value. #### 1.2.1 * Added compatibility with Elementor. * Activated some features of the pro version, in the free version. * Fixed some issue. #### 1.2.0 * Updated user interface. #### 1.1.7 * Fixed icon issue with classic editor. #### 1.1.6 * Added compatibility with classic editor. #### 1.1.5 * Adding icons to text blocks ( Paragraph, Heading, Button, …). #### 1.1.4 * Fixed icon effects issue in the icon block. * Updated the icon block default value. #### 1.1.3 * Updated plugin banner. * Updated plugin icon. * Updated readme.txt #### 1.1.2 * Fixed border color animation issue in box button block. #### 1.1.1 * Fixed Installation issue. #### 1.1.0 * Added beautiful effects to the icon box block. * Added box ribbon block. * Added box button block. #### 1.0.8 * Added upgrade notification in the WordPress dashboard. #### 1.0.7 * Added rate reminder notification in the WordPress dashboard. #### 1.0.6 * Fixed Rotate background issue. * Added X social network icon. #### 1.0.5 * Fixed unique id issue. * Fixed font loading issue. * Updated user interface. #### 1.0.4 * Updated user interface. #### 1.0.3 * Updated pro effects image. #### 1.0.2 * Fixed color palette issue. * Added deactivation feedback. #### 1.0.1 * Update readme.txt #### 1.0.0 * Initial Release. ## Meta * Wersja **1.4.11** * Ostatnia aktualizacja **3 tygodnie temu** * Włączone instalacje **700+** * Wersja WordPressa ** 6.5 lub nowszej ** * Testowano do **7.1.3** * Wersja PHP ** 7.0 lub nowszej ** * Języki * [English (US)](https://wordpress.org/plugins/safelayout-elegant-icons/) i [Persian](https://fa.wordpress.org/plugins/safelayout-elegant-icons/). * [Przetłumacz na swój język](https://translate.wordpress.org/projects/wp-plugins/safelayout-elegant-icons) * Tagi * [icon](https://pl.wordpress.org/plugins/tags/icon/)[icon box](https://pl.wordpress.org/plugins/tags/icon-box/) [icon list](https://pl.wordpress.org/plugins/tags/icon-list/)[social share](https://pl.wordpress.org/plugins/tags/social-share/) [WordPress Icons](https://pl.wordpress.org/plugins/tags/wordpress-icons/) * [Widok zaawansowany](https://pl.wordpress.org/plugins/safelayout-elegant-icons/advanced/) ## Oceny 5 na 5 gwiazdek. * [ 5 recenzji 5-gwiazdkowych ](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/?filter=5) * [ 0 recenzji 4-gwiazdkowych ](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/?filter=4) * [ 0 recenzji 3-gwiazdkowych ](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/?filter=3) * [ 0 recenzji 2-gwiazdkowych ](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/?filter=2) * [ 0 recenzji 1-gwiazdkowych ](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/?filter=1) [Twoja opinia](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/#new-post) [Zobacz wszystkierecenzje.](https://wordpress.org/support/plugin/safelayout-elegant-icons/reviews/) ## Zaangażowani * [ safelayout ](https://profiles.wordpress.org/safelayout/) ## Wsparcie Masz coś do dodania? Potrzebujesz pomocy? [Zobacz forum wsparcia](https://wordpress.org/support/plugin/safelayout-elegant-icons/)