title: Add color and image to fill of SVG circle
body: <p>I'm looking for a way to fill a SVG circle with a solid color AND an image.</p>
  
  <p>What I have tried for now, is to use this code:</p>
  
  <pre><code>&lt;svg&gt;
      &lt;defs&gt;
          &lt;pattern id="visits" height="23" width="14"&gt;
              &lt;image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="icons/visit.png" height="23" width="14" x="0" y="0"&gt;&lt;/image&gt;
          &lt;/pattern&gt;
      &lt;/defs&gt;
      &lt;circle cx="30" cy="39" r="9" fill="url(#visits)"&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Which draws a circle with my background image, but I would like a background color to my circle as well - how can I achieve this? </p>
  
  <p>I'm looking for an end result as this: <a href="http://www.tiikoni.com/tis/view/?id=4ff44d1" rel="nofollow">http://www.tiikoni.com/tis/view/?id=4ff44d1</a>
  - where the red background can be changed, and the white cross is an image.</p>