Skip to content

Instantly share code, notes, and snippets.

@svey

svey/cog.svg

Last active August 1, 2019 19:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save svey/483b903af548ddaf053642ed0e897b22 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save svey/483b903af548ddaf053642ed0e897b22 to your computer and use it in GitHub Desktop.
Download ZIP
cog svg
Display the source blob
Display the rendered blob
Raw
cog.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
<mask id="a">
<rect width="100" height="100" fill="#fff"/>
<circle cx="50" cy="50" r="53" fill="none" stroke="#000" stroke-width="22" transform="rotate(297.843 50 50)" stroke-dasharray="33.3">
<animateTransform additive="sum" attributeName="transform" attributeType="xml" dur="5s" repeatCount="indefinite" type="rotate" values="0 50 50; 360 50 50"/>
</circle>
<circle cx="50" cy="50" r="40"/>
</mask>
<circle cx="50" cy="50" r="50" fill="gold" mask="url(#a)"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment