jQuery Mobile Icon1
RUN
<!DOCTYPE HTML> <html> <head> <title>Transition</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> </head> <body> <div data-role="page"> <div role="main" class="ui-content"> <div data-demo-html="true"> <button class="ui-btn ui-icon-action ui-btn-icon-left ui-shadow ui-corner-all">action</button> <button class="ui-btn ui-icon-alert ui-btn-icon-left ui-shadow ui-corner-all">alert</button> <button class="ui-btn ui-icon-arrow-d ui-btn-icon-left ui-shadow ui-corner-all">arrow-d</button> <button class="ui-btn ui-icon-arrow-d-l ui-btn-icon-left ui-shadow ui-corner-all">arrow-d-l</button> <button class="ui-btn ui-icon-arrow-d-r ui-btn-icon-left ui-shadow ui-corner-all">arrow-d-r</button> <button class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow ui-corner-all">arrow-l</button> <button class="ui-btn ui-icon-arrow-r ui-btn-icon-left ui-shadow ui-corner-all">arrow-r</button> <button class="ui-btn ui-icon-arrow-u ui-btn-icon-left ui-shadow ui-corner-all">arrow-u</button> <button class="ui-btn ui-icon-arrow-u-l ui-btn-icon-left ui-shadow ui-corner-all">arrow-u-l</button> <button class="ui-btn ui-icon-arrow-u-r ui-btn-icon-left ui-shadow ui-corner-all">arrow-u-r</button> <button class="ui-btn ui-icon-audio ui-btn-icon-left ui-shadow ui-corner-all">audio</button> <button class="ui-btn ui-icon-back ui-btn-icon-left ui-shadow ui-corner-all">back</button> <button class="ui-btn ui-icon-bars ui-btn-icon-left ui-shadow ui-corner-all">bars</button> <button class="ui-btn ui-icon-bullets ui-btn-icon-left ui-shadow ui-corner-all">bullets</button> <button class="ui-btn ui-icon-calendar ui-btn-icon-left ui-shadow ui-corner-all">calendar</button> <button class="ui-btn ui-icon-camera ui-btn-icon-left ui-shadow ui-corner-all">camera</button> <button class="ui-btn ui-icon-carat-d ui-btn-icon-left ui-shadow ui-corner-all">carat-d</button> <button class="ui-btn ui-icon-carat-l ui-btn-icon-left ui-shadow ui-corner-all">carat-l</button> <button class="ui-btn ui-icon-carat-r ui-btn-icon-left ui-shadow ui-corner-all">carat-r</button> <button class="ui-btn ui-icon-carat-u ui-btn-icon-left ui-shadow ui-corner-all">carat-u</button> <button class="ui-btn ui-icon-check ui-btn-icon-left ui-shadow ui-corner-all">check</button> <button class="ui-btn ui-icon-clock ui-btn-icon-left ui-shadow ui-corner-all">clock</button> <button class="ui-btn ui-icon-cloud ui-btn-icon-left ui-shadow ui-corner-all">cloud</button> <button class="ui-btn ui-icon-comment ui-btn-icon-left ui-shadow ui-corner-all">comment</button> <button class="ui-btn ui-icon-delete ui-btn-icon-left ui-shadow ui-corner-all">delete</button> <button class="ui-btn ui-icon-edit ui-btn-icon-left ui-shadow ui-corner-all">edit</button> <button class="ui-btn ui-icon-eye ui-btn-icon-left ui-shadow ui-corner-all">eye</button> <button class="ui-btn ui-icon-forbidden ui-btn-icon-left ui-shadow ui-corner-all">forbidden</button> <button class="ui-btn ui-icon-forward ui-btn-icon-left ui-shadow ui-corner-all">forward</button> <button class="ui-btn ui-icon-gear ui-btn-icon-left ui-shadow ui-corner-all">gear</button> <button class="ui-btn ui-icon-grid ui-btn-icon-left ui-shadow ui-corner-all">grid</button> <button class="ui-btn ui-icon-heart ui-btn-icon-left ui-shadow ui-corner-all">heart</button> <button class="ui-btn ui-icon-home ui-btn-icon-left ui-shadow ui-corner-all">home</button> <button class="ui-btn ui-icon-info ui-btn-icon-left ui-shadow ui-corner-all">info</button> <button class="ui-btn ui-icon-location ui-btn-icon-left ui-shadow ui-corner-all">location</button> <button class="ui-btn ui-icon-lock ui-btn-icon-left ui-shadow ui-corner-all">lock</button> <button class="ui-btn ui-icon-mail ui-btn-icon-left ui-shadow ui-corner-all">mail</button> <button class="ui-btn ui-icon-minus ui-btn-icon-left ui-shadow ui-corner-all">minus</button> <button class="ui-btn ui-icon-navigation ui-btn-icon-left ui-shadow ui-corner-all">navigation</button> <button class="ui-btn ui-icon-phone ui-btn-icon-left ui-shadow ui-corner-all">phone</button> <button class="ui-btn ui-icon-plus ui-btn-icon-left ui-shadow ui-corner-all">plus</button> <button class="ui-btn ui-icon-power ui-btn-icon-left ui-shadow ui-corner-all">power</button> <button class="ui-btn ui-icon-recycle ui-btn-icon-left ui-shadow ui-corner-all">recycle</button> <button class="ui-btn ui-icon-refresh ui-btn-icon-left ui-shadow ui-corner-all">refresh</button> <button class="ui-btn ui-icon-search ui-btn-icon-left ui-shadow ui-corner-all">search</button> <button class="ui-btn ui-icon-shop ui-btn-icon-left ui-shadow ui-corner-all">shop</button> <button class="ui-btn ui-icon-star ui-btn-icon-left ui-shadow ui-corner-all">star</button> <button class="ui-btn ui-icon-tag ui-btn-icon-left ui-shadow ui-corner-all">tag</button> <button class="ui-btn ui-icon-user ui-btn-icon-left ui-shadow ui-corner-all">user</button> <button class="ui-btn ui-icon-video ui-btn-icon-left ui-shadow ui-corner-all">video</button> </div> </div> </div> </body> </html>
PHÓNG TO