Description

CDN Based Dynamic SVG Icon System for WordPress

Launch Your Own Icon Platform in Minutes

This is a fully functional WordPress website designed to upload, manage, and share SVG icons seamlessly using a CDN-like system. Users can add icons through a custom “Icon” post type, organize them into categories, and instantly display them in a responsive, searchable grid with live filtering by name or category. Each icon is rendered using dynamic CSS generated from SVGs stored in ACF fields, and the system serves this CSS via a clean URL (/icons.css) for use on the site, and a public CDN endpoint (/iconcdn/icons.css) to share icons across any external website — just like Font Awesome. With one-click HTML copy, admin previews, and AJAX-powered performance, it’s the ultimate tool for building and distributing a professional icon library directly from WordPress.

What’s Included?

✅ Icon Management System

• Custom Post Type: “Icons” for easy content management
• ACF-Powered Fields: Store icon class names (icon-home) and raw SVG code
• Categories: Organize icons (e.g., “Arrows”, “Social”, “UI”)
• Admin Preview: See icons and class names directly in WordPress

✅ Frontend Icon Library

• Searchable Grid: Beautiful, responsive display of all icons
• Live AJAX Search: Filter icons as you type — no page reload
• Category Filter: Click to filter by category
• Copy-to-Clipboard: One-click copy HTML (<i class=”icon-home”>)
• Dark UI with Hover Effects: Modern, professional design

✅ Dynamic CSS & CDN Delivery

• /icons.css → Auto-generated CSS for use on your site
• /iconcdn/icons.css → Public CDN URL to use your icons on any website
• Uses CSS masks + currentColor → icons inherit text color
• No fonts, no images, no bloat

✅ Ready for Real-World Use

• Design system websites
• Open-source icon projects
• Agency branding kits
• Developer tools
• SaaS product documentation