Skip to content

Instantly share code, notes, and snippets.

@ASolchen

ASolchen/logo.html

Created August 4, 2019 14:02
Show Gist options
  • Save ASolchen/ef97171efce2239e08de15578be18531 to your computer and use it in GitHub Desktop.
Save ASolchen/ef97171efce2239e08de15578be18531 to your computer and use it in GitHub Desktop.
Download ZIP
Testtech Logo SVG
Raw
logo.html
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>widget</title>
</head>
<body>
<svg width="400" height="400">
<path fill="#AAA" d="M0,0 V400 H400 V0 H0" stroke="#000" stroke-width="4" />
<circle stroke="#000" stroke-width="10" fill="#FFF" cx="200" cy="200" r="100">
<animate attributeType="XML" attributeName="cx" from="0" to="200"
dur="3s" repeatCount="1"/>
<animate attributeType="XML" attributeName="fill" from="#00F" to="#FFF"
dur="3s" repeatCount="1"/>
<animate attributeType="XML" attributeName="r" from="400" to="100"
dur="3s" repeatCount="1"/>
<animate attributeType="XML" attributeName="cx" from="0" to="200"
dur="3s" repeatCount="1"/>
</circle>
<path stroke-linecap="round" fill="none" d="M120,200 Q150,300 200,200 Q250,100 280,200" stroke="#000" stroke-width="10">
<animate attributeType="XML" attributeName="d" from="M120,200 Q150,800 200,200 Q250,-400 280,200" to="M120,200 Q150,300 200,200 Q250,100 280,200"
dur="3s" repeatCount="1"/>
</path>
<path stroke-linecap="round" fill="none" d="M50,200 H100 M300,200 H350" stroke="#000" stroke-width="10">
<animate attributeType="XML" attributeName="d" from="M50,0 H100 M300,400 H350" to="M50,200 H100 M300,200 H350"
dur="3s" repeatCount="1"/>
</path>
<text text-anchor="middle" font-size="80" font-family="'Comic Sans MS', cursive, sans-serif"x="150" y="200">T
<animate attributeType="XML" attributeName="x" from="-50" to="150"
dur="3s" repeatCount="1"/>
<animate attributeType="XML" attributeName="y" from="-50" to="200"
dur="3s" repeatCount="1"/>
</text>
<text text-anchor="middle" font-size="80" font-family="'Comic Sans MS', cursive, sans-serif"x="240" y="260">T
<animate attributeType="XML" attributeName="x" from="450" to="240"
dur="3s" repeatCount="1"/>
<animate attributeType="XML" attributeName="y" from="450" to="260"
dur="3s" repeatCount="1"/></text>
<text text-anchor="middle" font-size="80" font-family="'Comic Sans MS', cursive, sans-serif" x="200" y="80">Testtech
<animate attributeType="XML" attributeName="x" from="400" to="200"
dur="3s" repeatCount="1"/>
<animate attributeType="XML" attributeName="y" from="400" to="80"
dur="3s" repeatCount="1"/></text>
<text text-anchor="middle" font-size="80" font-family="'Comic Sans MS', cursive, sans-serif" x="200" y="380">Solutions
<animate attributeType="XML" attributeName="x" from="0" to="200"
dur="3s" repeatCount="1"/>
<animate attributeType="XML" attributeName="y" from="0" to="380"
dur="3s" repeatCount="1"/></text>
</svg>`
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment