<?xml version="1.0"?>
<!-- SVG Image for mod_perl Logo
Ported to SVG from Michael Demers' original logo in JPG format
to SVG by Matt Sergeant, who also did the animation effect
Original size: 382x85
Good button size might be 100x22
-->
<svg width="382" height="85" viewBox="0 0 382 85">
<title>mod_perl logo</title>
<desc>Michael Demers' mod_perl logo</desc>
<!-- mod_perl text -->
<g style="font-family: Trebuchet MS, sans-serif;
font-size: 60pt;">
<text x="80" y="65"
style="fill: #999999">mod</text>
<text x="235" y="65"
style="font-weight: bold;
fill: #326696">perl</text>
<line x1="210" y1="70" x2="235" y2="70" style="stroke: #999999; stroke-width: 2;"/>
</g>
<!-- Black Square around the cog -->
<rect x="17" y="16" width="52" height="52" style="fill: black;"/>
<!-- Cogs clip path -->
<clipPath id="rectClip">
<rect id="rect1" x="21" y="20" width="44" height="44" style="stroke: gray; fill: none;"/>
</clipPath>
<!-- Individual Cog (not displayed - used below) -->
<defs>
<g id="cog1" style="stroke: white; stroke-linejoin: round; fill: white;">
<polyline points="59 32, 60 22, 70 22, 71 32"/>
</g>
</defs>
<g id="cogs" style="clip-path: url(#rectClip);">
<circle cx="65" cy="64" r="35" style="fill: white;"/>
<circle cx="65" cy="64" r="12" style="fill: black;"/>
<!-- we need 5 cogs because 4 are always on screen at once -->
<use xlink:href="#cog1">
<animateTransform attributeName="transform" type="rotate"
dur="5s" begin="0s"
from="0 65 64" to="30 65 64" repeatCount="indefinite"/>
</use>
<use xlink:href="#cog1">
<animateTransform attributeName="transform" type="rotate"
dur="5s" begin="0s"
from="-30 65 64" to="0 65 64" repeatCount="indefinite"/>
</use>
<use xlink:href="#cog1">
<animateTransform attributeName="transform" type="rotate"
dur="5s" begin="0s"
from="-60 65 64" to="-30 65 64" repeatCount="indefinite"/>
</use>
<use xlink:href="#cog1">
<animateTransform attributeName="transform" type="rotate"
dur="5s" begin="0s"
from="-90 65 64" to="-60 65 64" repeatCount="indefinite"/>
</use>
<use xlink:href="#cog1">
<animateTransform attributeName="transform" type="rotate"
dur="5s" begin="0s"
from="-120 65 64" to="-90 65 64" repeatCount="indefinite"/>
</use>
</g>
<!--
<use xlink:href="#cogs" style="clip-path: url(#rectClip);" transform="rotate(0, 69, 68)">
</use>
-->
</svg>