title: What is the proper way to use my own theme (style) design and icons using jQuery Mobile powered website?
body: <p>jQuery mobile has 5 inbuilt themes </p>
  
  <p><a href="http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/../../docs/api/themes.html" rel="nofollow noreferrer">http://jquerymobile.com/demos/1.0a4.1/#docs/toolbars/../../docs/api/themes.html</a></p>
  
  <p><img src="https://i.stack.imgur.com/WxQZf.jpg" alt="enter image description here"></p>
  
  <p>But design of the mobile website which I'm making is different an icons are also different.</p>
  
  <p>How and where to write custom css and change default icon to custom icon?</p>
  
  <p>Should i choose any default theme's CSS and make changes in that?</p>
  
  <p>Should i replace the default icons with my icons to keep the same name?</p>