SVG Logo with Animation

This demonstrates a simple logo in SVG with animation. There is no JavaScript.

by Brian von Konsky

HTML

<!-- Business Web Technologies     -->
<!-- School of Information Systems -->
<!-- Curtin University             -->

<!-- SVG defines vector based graphics elements -->
<svg width="100" height="100" style="background: blue">
    <circle cx="50" cy="50" r="45" style="fill: yellow"/>
    <rect   x="10" y="40" width="80" height="20" style="fill: green" />
    <polygon points="50,0 100,100 50,50 0,100" style="fill: red" >
      <animateTransform
            attributeName="transform"
            begin="0s"
            dur="20s"
            type="rotate"
            from="0 50 50" 
            to="360 50 50"
            repeatCount="indefinite"
        />
    </polygon>
</svg>

JavaScript

/* This solution has NO JavaScript */