animated svg using smil

sample-animation.svg

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 76 76" style="enable-background:new 0 0 76 76;" xml:space="preserve">
	<rect width="100%" height="100%" fill="#3f7f8e" />
<path d="M76,32c0-2.3-9-0.9-18.3-5.1c1.7-5.2,1.3-11,0.3-11.9c-0.9-0.9-3.8,1.6-8.9,3.3C44.9,9,34.3,0,32,0s-0.9,9-5.1,18.3
			C21.7,16.6,15.9,17,15,18c-0.9,0.9,1.6,3.8,3.3,8.9C9,31.1,0,41.7,0,44s9,0.9,18.3,5.1C16.6,54.3,17,60.1,18,61
			c0.9,0.9,3.8-1.6,8.9-3.3C31.1,67,41.7,76,44,76s0.9-9,5.1-18.3c5.2,1.7,11,1.3,11.9,0.3c0.9-0.9-1.6-3.8-3.3-8.9
			C67,44.9,76,34.3,76,32z M38,53c-8.3,0-15-6.7-15-15s6.7-15,15-15s15,6.7,15,15S46.3,53,38,53z">
	<animateTransform attributeName="transform" type="rotate" from="360 38 38" to="0 38 38" dur="300s" repeatCount="indefinite" />
</path>
<path id="icon" d="M44,28H32c-1.1,0-2,0.9-2,2v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V30C46,28.9,45.1,28,44,28z M40.4,44H32v-2h8.4V44z
		 M44,40H32v-2h12V40z M44,36H32v-2h12V36z M44,32H32v-2h12V32z"/>
</svg>