內容簡介
- Safelayout Elegant Icons 是一個方便易用且功能強大的 WordPress 外掛，可在 WordPress 區塊編輯器中添加圖示區塊。
- 透過 Safelayout Elegant Icons，您可以向您的 WordPress 網站添加高質量的 SVG 圖示。
- 特點包括：
- 無需圖示字型，直接使用內聯 SVG。
- 高質量的 SVG 圖示。
- 包含圖示方塊區塊。
- 包含多色彩圖示套件。
- 多種美麗的圖示效果。
- 可選擇載入哪些圖示套件。
- 圖示填充和描邊以及背景色的漸變顏色。
- 38種懸停動畫效果。
- 完全支援全站編輯。
- 跨瀏覽器相容。
- 完全可自定義。
- 與任何佈景主題兼容。
- 免費展示：Safelayout Elegant Icons Demo。
- 付費版本：Safelayout Elegant Icons Pro 提供。升級到付費版本以獲得完整功能！
- 付費版本圖示套件（4700+ 圖示）包括：
- Themeisle (100 圖示) https://themeisle.com/free-icons/
- WordPress Dashicons (337 圖示) https://developer.wordpress.org/resource/dashicons/
- WordPress (285 圖示) https://github.com/WordPress/gutenberg/blob/trunk/packages/icons/src/library/
- Flat color icons by Icons8 (312 圖示) https://icons8.github.io/flat-color-icons/
- Linecons (48 圖示) https://designmodo.com/linecons-free/
- Filled icon set by Icons8 (200 圖示) https://icons8.com/
- Genericons Neue (103 圖示) https://genericons.com/
- Font Awesome regular (163 圖示) https://github.com/FortAwesome/Font-Awesome
- Font Awesome brands (467 圖示) https://github.com/FortAwesome/Font-Awesome
- Font Awesome solid (1390 圖示) https://github.com/FortAwesome/Font-Awesome
- Material Design (1261 圖示) https://developers.google.com/fonts/docs/material_icons
- Meteocons - 天氣 (47 圖示) https://www.alessioatzeni.com/
外掛標籤
開發者團隊
② 後台搜尋「Safelayout Elegant Icons – WordPress 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
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.
Pro Version
Safelayout Elegant Icons Pro is available. Upgrade to pro version and get full features!
Pro Version Icon Packs (4700+ icons)
Themeisle (100 icons) https://themeisle.com/free-icons/
WordPress Dashicons (337 icons) https://developer.wordpress.org/resource/dashicons/
WordPress (285 icons) 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/
Linecons (48 icons) https://designmodo.com/linecons-free/
Filled icon set by Icons8 (200 icons) https://icons8.com/
Genericons Neue (103 icons) https://genericons.com/
Font Awesome regular (163 icons) https://github.com/FortAwesome/Font-Awesome
Font Awesome brands (467 icons) https://github.com/FortAwesome/Font-Awesome
Font Awesome solid (1390 icons) https://github.com/FortAwesome/Font-Awesome
Material Design (1261 icons) https://developers.google.com/fonts/docs/material_icons
Meteocons – weather (47 icons) https://www.alessioatzeni.com/
Safelayout other plugins
Safelayout Brilliant Buttons – WordPress Button block
Safelayout Cute Preloader – CSS3 WordPress Preloader
Safelayout Animated Header Footer
