icon-sources

What problem does it solve?

It prevents inconsistent or low-quality icon swaps in frontend projects by directing every request toward Iconify for chrome-level UI elements and toward the premium Flaticon API for hero, feature, and marketing assets so builds stay polished without reverting to Lucide defaults.

Core Features & Use Cases

• Iconify decision logic routes navigation, buttons, toggles, and status indicators through CDN-loaded Iconify components and the Iconify API to keep UI chrome consistent.
• Frontend integration patterns document HTML script injection, React SVG fetching, and CSS mask/background techniques so every stack can adopt high-quality icons without installing new libraries.
• Flaticon API workflow explains secure authentication via 1Password, popularity-first search, and automated SVG or PNG downloads for hero sections and feature grids.
• Use case: When building a dashboard landing page, swap nav icons with Phosphor/Iconify assets and fetch vibrant hero illustrations from Flaticon to highlight strategic metrics.

Quick Start

Use the skill to replace Lucide defaults by directing Iconify for UI chrome, CSS masks for stateless icons, and Flaticon downloads for hero and marketing illustrations in your next frontend build.