<?xml version="1.0" encoding="windows-1252"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<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" width="144px" height="144px"
viewBox="19 19 106 106" style="enable-background:new 0 0 144 144;"
xml:space="preserve">
<path d="M122.631,69.716l-4.394-2.72....z">
<animateTransform attributeType="xml"
attributeName="transform"
type="rotate"
from="0 71 71"
to="360 71 71"
dur="10s"
repeatCount="indefinite"/>
</path>
</svg>
Rotating Rust programming logo
Oct 8, 2014
1 minute read.
rust
Today I learned to animate any shape in SVG using animateTransform element, and tried it with Rust programming logo, here yo go :)
I downloaded SVG from here, and added animateTransform
as child of path
Above code is partial, illustrative purpose only. You can download modified SVG from here
BTW, If you never heard of programming language Rust, Go and checkout rust-lang.org and Guide. It is awesome.
Rust is a systems programming language that runs blazingly fast, prevents almost all crashes*, and eliminates data races.
About Aravinda Vishwanathapura
Co-Founder & CTO at Kadalu Technologies, Creator of Sanka, Creator of Chitra, GlusterFS core team member, Maintainer of Kadalu Storage