Share My Creation [Web] Font Awesome Icon Picker Web Component (Single/Multiple Selection Mode with SVG Download Functionality)

Hi Fam

Github Repo

This component is now being used by the SithasoDaisy5 LowCode Generator for one to choose icons easily

Font Awesome Picker (Vanilla Web Component)​

This is a lightweight, dependency-free vanilla JavaScript web component for searching and selecting Font Awesome icons. Supports both single and multiple selection modes with SVG download and ZIP export capabilities. This uses free FA 6.7.2 icons

Files​

• src/font-awesome-picker.js - Main web component implementation
• src/font-awesome-picker.min.js - Minified production build
• index.html - Demo page with single and multiple selection examples
• assets/icons.min.json - Font Awesome icon metadata (loaded via data-url attribute)

Features​

• Real-time icon search with pagination
• Single or multiple selection modes
• Download individual SVG files
• Export multiple icons as ZIP archive
• Style-aware (supports solid, regular, brands)
• Toggle selection in single mode (click to deselect)
• Responsive grid layout (adapts to modals and narrow containers)
• No external dependencies (JSZip optional for ZIP export)

​

#SharingTheGoodness​