title: How to animate cloud icon in a SVG image
body: <p><br/>
  I am new to svg animation.<br/>
  I am trying to animate the clouds which is there in the svg image. But its not working as expected  I want all the cloud should from their position and start moving to the end of the image and repeats continuously but its not happening.<br/><br/>
  Here is my <a href="http://jsfiddle.net/sureshpattu/tuneof2f/" rel="nofollow">JSFIDDLE</a> </p>
  
  <p>Code I used to animate:</p>
  
  <pre><code>&lt;animateTransform attributeName="transform" from="1100" to="0" type="translate" begin="5s" dur="18s" repeatCount="indefinite" /&gt;
  </code></pre>