WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

jQuery Mobile Icons


jQuery Icons

To add a symbol to your <a> and <button> components in jQuery Mobile, utilize the symbol class and position the symbol as appeared as follows (the main exemption is catches in navbars, which are demonstrated further down):

<a href="#anylink" class="ui-btn ui-symbol revive ui-btn-symbol left">Refresh Page</a>

<button class="ui-btn ui-symbol revive ui-btn-symbol left">Refresh Page</button>

To add a symbol to your <input> catches, utilize the information symbol attribute:

<input type="button" value="Refresh page" data-icon="refresh">

To add a symbol to your navbar catches, utilize the information symbol attribute:

<a href="#anylink" data-icon="refresh">Refresh Page</a>

To add a symbol to your rundown catches, utilize the information symbol trait on <li>:

<li data-icon="refresh"><a href="#">Click me</a></li>

Below we have recorded every single accessible symbol that jQuery Mobile provides:

Value Description Icon
action Action (bolt calling attention to out of a box)
alert Alert
audio Audio/Sound/Speakers
arrow-d-l Arrow guiding downwards toward the left
arrow-d-r Arrow directing downwards toward the right
arrow-u-l Arrow directing upwards toward the left
arrow-u-r Arrow directing upwards toward the right
arrow-l Arrow pointing left
arrow-r Arrow pointing right
arrow-u Arrow pointing up
arrow-d Arrow pointing down
back Back (bended bolt pointing counterclockwise upwards)
bars Bars (three even bars over each other)
bullets Bullets (three even slugs over each other)
calendar Calendar
camera Camera
carat-d Carat pointing down
carat-l Carat pointing left
carat-r Carat pointing right
carat-u Carat pointing up
check Checkmark
clock Clock
cloud Cloud
comment Comment
delete Delete (X)
edit Edit/Pencil
eye Eye
forbidden Forbidden sign
forward Forward
gear Gear
grid Grid
heart Heart/Love symbol
home Home
info Information
location Location/GPS
lock Lock/Padlock
mail Mail/Letter
minus Minus
navigation Navigation
phone Telephone
power Power (On/off)
plus Plus
recycle Recycle
refresh Refresh
search Search