title: Icons... resize or shrink?
body: <p>I've been redesigning my website for mobile use and realized that my icons are a bit too big. The standard 16 x 16 icon isn't really ideal for the small screen. Looking at other sites, i.e. facebook's notification icons, gmail's compose/search/refresh icons, and so on... they seem to be 12 x 12, at least on my phone (Galaxy Nexus... which is double pixel density, so truly 24 x 24 but I digress).</p>
  
  <p>One, am I right in saying that these icons are 12 x 12 in size? If 16 x 16 is the "standard" for desktop website icons, would 12 x 12 be the "standard" for mobile website icons?</p>
  
  <p>Also, in terms of shrinking the icons down... is it recommended to take the icons, which are fairly simple icons created as in vector software, and shrink the .svg file using vector software and then re-save as .png? Or will these icons keep their integrity if I shrink them using CSS?</p>
  
  <p>What's best practice?</p>
  
  <p>Any help is appreciated. Thanks!</p>