title: What is the 'best practice' way of creating an icon button with an SVG?
body: <p>I know of two ways to create an icon button using an SVG:</p>
  <p><strong>Method 1</strong> - Import the SVG into the file and place it as a child of the button, using CSS to switch off the majority of the buttons styles (or restyle to however you need it to look).</p>
  <p><strong>Method 2</strong> - Use the SVG in the buttons <code>background-image</code> CSS style, perhaps having the text of the button visually hidden to make the button accessible to assistive technology.</p>
  <p>Aside from not being able to use CSS to apply some colour changes to the SVG in method 2, is there any pro's or con's of each approach? Is there a 'best practice' approach to consider?</p>