Skip to content

Instantly share code, notes, and snippets.

@GirlBossRush

GirlBossRush/foo.svg

Last active March 25, 2016 23:13
Show Gist options
  • Save GirlBossRush/13825bb479a821e5dbb3 to your computer and use it in GitHub Desktop.
Save GirlBossRush/13825bb479a821e5dbb3 to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
foo.svg
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg>
<svg version="1.1" baseProfile="full" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify"
id="Test File"
viewBox="-21 -21 42 42"
width="800"
height="800">
<defs>
<radialGradient id="shine"
cx=".2" cy=".2" r=".5" fx=".2" fy=".2">
<stop offset="0" stop-color="white" stop-opacity=".7"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</radialGradient>
<radialGradient id="grad"
cx=".5" cy=".5" r=".5" >
<stop offset="0" stop-color="yellow"/>
<stop offset=".75" stop-color="yellow"/>
<stop offset=".95" stop-color="#ee0"/>
<stop offset="1" stop-color="#e8e800"/>
</radialGradient>
</defs>
<circle r="20" stroke="black" stroke-width=".15" fill="url(#grad)"/>
<circle r="20" fill="url(#shine)"/>
<g transform="translate(300, 0) rotate(20)">
<foreignObject x="10" y="10" width="800" height="800">
<body xmlns="http://www.w3.org/1999/xhtml">
<iframe src="http://starkravingfinkle.org/blog" style="width:700px;height:700px"></iframe>
</body>
</foreignObject>
</g>
<g id="right">
<ellipse rx="2.5" ry="4" cx="-6" cy="-7" fill="black"/>
<path fill="none" stroke="black" stroke-width=".5" stroke-linecap="round" d="M 10.6,2.7 a 4,4,0 0,0 4,3"/>
</g>
<use xlink:href="#right" transform="scale(-1,1)"/>
<path fill="none" stroke="black" stroke-width=".75" d="M -12,5 A 13.5,13.5,0 0,0 12,5 A 13,13,0 0,1 -12,5"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment