jQuery UI icon name map

If you've ever wanted to use a specific icon from the default jQuery UI iconset, you have no doubt spent a lot of time glancing over the icons in your theme's example page trying to find the one you need.

No more! Keep this handy reference nearby and you'll find the icon you want in a heartbeat. Just hit Ctrl+F (or +F) and start searching.

Download this cheatsheet in PDF format and never again waste time looking for jQuery UI icons!

Download PDF


ui-icon-carat-1-n carat, angle, north, up

ui-icon-carat-1-ne carat, angle, north-east, up-right

ui-icon-carat-1-e carat, angle, east, right

ui-icon-carat-1-se carat, angle, south-east, down-right

ui-icon-carat-1-s carat, angle, south, down

ui-icon-carat-1-sw carat, angle, south-west, down-left

ui-icon-carat-1-w carat, angle, west, left

ui-icon-carat-1-nw carat, angle, north-west, up-left

ui-icon-carat-2-n-s carat, angle, north-south, up-down

ui-icon-carat-2-e-w carat, angle, east-west, right-left


ui-icon-triangle-1-n triangle, up, north

ui-icon-triangle-1-ne triangle, up-right, north-east

ui-icon-triangle-1-e triangle, right, east

ui-icon-triangle-1-se triangle, down-right, south-east

ui-icon-triangle-1-s triangle, down, south

ui-icon-triangle-1-sw triangle, down-left, south-west

ui-icon-triangle-1-w triangle, arrow, left, west

ui-icon-triangle-1-nw triangle, up-left, north-west

ui-icon-triangle-2-n-s triangle, up-down, north-south, toggle, expand, collapse

ui-icon-triangle-2-n-s triangle, left-right, east-west, toggle, expand, collapse

ui-icon-circle-triangle-n triangle, up, north

ui-icon-circle-triangle-e triangle, right, east

ui-icon-circle-triangle-s triangle, down, south

ui-icon-circle-triangle-w triangle, left, west


ui-icon-arrow-1-n arrow, up, north

ui-icon-arrow-1-ne arrow, up-right, north-east

ui-icon-arrow-1-e arrow, right, east

ui-icon-arrow-1-e arrow, down-right, south-east

ui-icon-arrow-1-s arrow, down, south

ui-icon-arrow-1-sw arrow, down-left, south-west

ui-icon-arrow-1-w arrow, left, west

ui-icon-arrow-1-nw arrow, up-left, north-west

ui-icon-arrow-2-n-s arrow, up-down, north-south

ui-icon-arrow-2-ne-sw arrow, up-right, down-left, north-east, south-west

ui-icon-arrow-2-e-w arrow, left-right, east-west

ui-icon-arrow-2-se-nw arrow, down-left, up-right, south-east, north-west

ui-icon-circle-arrow-n arrow, up, north

ui-icon-circle-arrow-e arrow, right, east

ui-icon-circle-arrow-s arrow, down, south

ui-icon-circle-arrow-w arrow, left, west

ui-icon-arrowstop-1-n arrow, up, north

ui-icon-arrowstop-1-e arrow, right, east

ui-icon-arrowstop-1-s arrow, down, south

ui-icon-arrowstop-1-w arrow, left, west

ui-icon-arrowthick-1-n arrow, up, north

ui-icon-arrowthick-1-ne arrow, up-right, north-east

ui-icon-arrowthick-1-e arrow, right, east

ui-icon-arrowthick-1-se arrow, down-right, south-east

ui-icon-arrowthick-1-s arrow, down, south

ui-icon-arrowthick-1-sw arrow, down-left, south-west

ui-icon-arrowthick-1-w arrow, left, west

ui-icon-arrowthick-2-n-s arrow, up-down, north-south

ui-icon-arrowthick-2-ne-sw arrow, up-right, down-left, north-east, south-west

ui-icon-arrowthick-2-e-w arrow, left-right, east-west

ui-icon-arrowthick-2-se-nw arrow, up-left, down-right, north-west, south-east

ui-icon-arrowthickstop-1-n arrow, up, north

ui-icon-arrowthickstop-1-e arrow, right, east

ui-icon-arrowthickstop-1-s arrow, down, south

ui-icon-arrowthickstop-1-w arrow, left, west

ui-icon-arrowreturnthick-1-w arrow, return, left, west

ui-icon-arrowreturnthick-1-n arrow, up, north

ui-icon-arrowreturnthick-1-e arrow, right, east

ui-icon-arrowreturnthick-1-s arrow, down, south

ui-icon-arrowreturn-1-w arrow, return, left, west

ui-icon-arrowreturn-1-n arrow, up, north

ui-icon-arrowreturn-1-e arrow, right, east

ui-icon-arrowreturn-1-s arrow, down, south

ui-icon-arrowrefresh-1-w arrow, refresh, left, west

ui-icon-arrowrefresh-1-n arrow, refresh, up, north

ui-icon-arrowrefresh-1-e arrow, refresh, right, east

ui-icon-arrowrefresh-1-s arrow, refresh, down, south

Audio + video

ui-icon-shuffle shuffle

ui-icon-image image, picture, photograph

ui-icon-video video, movie, frame

ui-icon-play play, control, start

ui-icon-pause pause, control

ui-icon-stop stop, control, square

ui-icon-seek-next seek, next, control

ui-icon-seek-prev seek, previous, control

ui-icon-seek-end seek, end, last, control

ui-icon-seek-first seek, first, start, beginning, control

ui-icon-eject eject, control

ui-icon-volume-off volume off, sound

ui-icon-volume-on volume on, sound


ui-icon-extlink external link

ui-icon-newwin new window, open window, maximize

ui-icon-refresh refresh, reload

ui-icon-transfer-e-w transfer, left-right, east-west

ui-icon-transferthick-e-w transfer, left-right, east-west

ui-icon-folder-collapsed folder, collapsed, closed

ui-icon-folder-open folder, open

ui-icon-document document, blank

ui-icon-document-b document, blank, note

ui-icon-note note, notebook

ui-icon-mail-closed mail, e-mail, closed, envelope

ui-icon-mail-open mail, e-mail, open, envelope

ui-icon-suitcase suitcase, briefcase

ui-icon-comment comment, remark

ui-icon-person person, user, man

ui-icon-print print, printer

ui-icon-trash trash, bin, recycling

ui-icon-locked locked, lock, closed, private

ui-icon-unlocked unlocked, lock, open, public

ui-icon-bookmark bookmark

ui-icon-tag tag

ui-icon-home home, house

ui-icon-flag flag

ui-icon-calculator calculator

ui-icon-cart shopping cart

ui-icon-pencil pencil, edit, modify

ui-icon-clock clock, watch, history, time

ui-icon-disk disk, save, store, floppy

ui-icon-calendar calendar, date, agenda

ui-icon-zoomin zoom in, enlarge, larger

ui-icon-circle-zoomin zoom in, enlarge, larger

ui-icon-zoomout zoom out, smaller

ui-icon-circle-zoomout zoom out, smaller

ui-icon-search search, find, magnifying glass

ui-icon-wrench wrench, tool, customize

ui-icon-gear gear, cog

ui-icon-heart heart, love, favorite

ui-icon-star star, favorite, rating

ui-icon-link link, anchor

ui-icon-cancel cancel, forbidden, denied

ui-icon-plus plus, cross

ui-icon-plusthick plus, cross

ui-icon-circle-plus plus, cross

ui-icon-circlesmall-plus plus, cross

ui-icon-squaresmall-plus plus, cross

ui-icon-minus minus

ui-icon-minusthick minus

ui-icon-circle-minus minus

ui-icon-circlesmall-minus minus

ui-icon-squaresmall-minus minus

ui-icon-close close, cross, error

ui-icon-closethick close, cross, error

ui-icon-circle-close close, cross, error, cancel

ui-icon-circlesmall-close close, cross, error, cancel

ui-icon-squaresmall-close close, cross, error, cancel

ui-icon-key key, access

ui-icon-lightbulb lightbulb, idea

ui-icon-scissors scissors, cut

ui-icon-clipboard clipboard, paste

ui-icon-copy copy, documents, windows

ui-icon-contact contact, card, name

ui-icon-script script, source

ui-icon-alert alert, warning, error

ui-icon-info information

ui-icon-notice notice, exclamation mark

ui-icon-help help, question, faq

ui-icon-check checkmark, done, ok

ui-icon-circle-check checkmark, done, ok

ui-icon-bullet bullet, big dot

ui-icon-radio-off radio, off, empty, selection

ui-icon-radio-on radio, on, selected, selection

ui-icon-pin-w pin, side, west

ui-icon-pin-s pin, down, south

ui-icon-power power, off, on, shutdown

ui-icon-signal-diag signal, send, connection, wifi

ui-icon-signal signal, bars

ui-icon-battery-0 battery, empty

ui-icon-battery-1 battery, near empty

ui-icon-battery-2 battery, near full

ui-icon-battery-3 battery, full


ui-icon-arrow-4 arrow, move, cursor

ui-icon-arrow-4-diag arrow, scale, resize, cursor

ui-icon-grip-dotted-vertical grip, scale, resize, vertical, widen

ui-icon-grip-dotted-horizontal grip, scale, resize, horizontal, enlarge

ui-icon-grip-solid-vertical grip, scale, resize, vertical, widen

ui-icon-grip-solid-horizontal grip, scale, resize, horizontal, enlarge

ui-icon-gripsmall-diagonal-se grip, scale, resize, corner

ui-icon-grip-diagonal-se grip, scale, resize, corner