Find
Search + Filter
Help users narrow large icon lists quickly with search terms, collection filters, and focused picker flows.
Vue 3 + Quasar 2
QIconPicker
Icon picker for Vue and Quasar applications
Add searchable icon selection to forms, builders, and admin tools with a picker that understands large icon sets without pushing users into another workflow.
SearchIcon SetsPaginationCustom CollectionsSlots
Icon SelectionForm-native selection
Find the right icon without leaving your form or builder flow
Browse, search, and page through large icon libraries inside a Quasar-native picker that still gives you room for custom collections and slot-based presentation.
Page
Large Libraries
Page through dense icon sets without forcing the whole catalog into one oversized selection surface.
Slot
Custom Display
Shape item, selected, empty, and action states so the picker still feels native inside forms and builders.
Included
Searchable icon picking for real application workflows
QIconPicker keeps icon selection inside your app shell with large-library browsing, custom sets, and a presentation model that fits forms, editors, and admin tooling.
search
Searchable Libraries
Let users find the right icon quickly instead of scrolling through an endless wall of glyphs.
grid_view
Large Set Browsing
Handle bigger icon collections with paging and a picker flow that stays manageable.
collections_bookmark
Custom Collections
Mix built-in sets with your own curated icon groups when a product needs tighter control.
preview
Preview-Friendly UI
Show icons clearly while keeping the selection experience anchored in your application layout.
input
Form Integration
Drop icon selection into admin forms, content builders, and settings screens without extra glue.
extension
Quasar-Native Fit
Keep the picker visually consistent with the rest of your Quasar components and themes.
Ecosystem
Built in the same docs workflow as the other md-plugins sites
This site runs on Q-Press and the shared md-plugins tooling, so QIconPicker's docs, examples, and navigation fit into the same family as the sibling Quasar UI projects.
Need Help?
Start with the intro, then use the examples as live reference
The docs are structured to move quickly from install and upgrade steps into working examples. If something feels off, GitHub Discussions and the repo issue tracker are the best places to surface it.
Introduction First
Use the getting-started docs to wire icon sets, choose your filtering behavior, and fit the picker into forms or builders.
Upgrade Notes
QIconPicker's current docs follow the Vue 3 + Quasar 2 line, so the upgrade guide should be the first stop when migrating older integrations.
Discussions + Issues
Questions, bugs, and API edge cases are easiest to track in the QIconPicker repo and GitHub Discussions.