Font Awesome Icon Picker Web Component

[Mashiane]

Font Awesome Picker (Vanilla Web Component)

https://github.com/Mashiane/FontAwesome-Icon-Picker

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.

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)

Update: The DaisyUI styling of the component.

[pdanpdan]

And what is the relationship to daisyUI?

[Mashiane]

Thank you for your interest, i've updated the post to include its UI from the target repo demo.

[saadeghi]

@pdanpdan Show and tell category is for sharing projects.