Using QIconPicker

API

Loading QIconPicker API...

QIconPicker Examples

Examples that pass local icons arrays include CodePen playground links. The built-in icon-set examples stay source-only because the UMD bundle cannot lazy load @quasar/extras ESM icon-set modules without a bundler.

Animated Transitions

Animated Transitions


Built-in Icon Sets

Built-in Icon Sets


Color

Color


Custom Icon Set

CustomIconSet


Custom Navigation

CustomNavigation


Dense Compact Picker

Dense Compact Picker


Font Awesome Selection

Font Awesome Selection




Filter

Filter2




Inline SVG Custom Icons

Inline SVG Custom Icons


Pagination

Pagination


Pagination Color

PaginationColor


Pagination Custom

PaginationCustom


Selected Color

SelectedColor


Size

Size


Tooltips

Tooltips


Using Icon Slot

UsingIconSlot


Using QInput

UsingQInput


Using QInput With Filter

UsingQInputWithFilter