How can i reference jquery ui icons on my website . .

Question

is there anyway to reference jquery ui icons as regular images anywhere in my site?

Answer 1

If you've linked to the jquery CSS, you can get at the icons by applying the .ui-icon base class and the specific icon class (e.g - .ui-icon-close for close button) to your element (usually span)

The jquery wiki has a comprehensive list of icons and their classes, you can find it here : http://wiki.jqueryui.com/w/page/12137970/jQuery-UI-CSS-Framework

Just inspect the icon and get the class.

EDIT

Sample usage

<span class="ui-icon ui-icon-zoomin"></span> <!-- Shows a magnifying glass -->
<span class="ui-icon ui-icon-play"></span> <!-- Shows a play button -->

Answer 2

Take a look at this code snipplet: http://www.xinotes.org/notes/note/773/