title: How do you make Jquery UI Button to have 32x32 px non-default icons?
body: <p>I want to use my own 32 x 32 px icons in a Jquery Button? <br>Is this possible?
  I can make it work using forcing the background-size of the icon to 16x16 but then is too small.<br></p>
  
  <pre><code>.ui-icon-custom-risk { background-size:16px 16px; background-image: url(icons/Current_Risk.png) !important; }
  .ui-icon-custom-matrix { background-size:32px 32px;; background-image: url(icons/Current_matrix.png) !important; } 
  $('#btn1').button({
     label: 'Risk',
     icons: {primary: 'ui-icon-custom-risk'}
  });
  $('#btn2').button({
      text: false,
      icons: {
           primary: "ui-icon-custom-matrix"  
      }
  });
  </code></pre>