Skip to content

Instantly share code, notes, and snippets.

@svgeesus
Created October 13, 2018 16:39
Show Gist options
  • Save svgeesus/5fcf86e56203c4a01f704a2470d0d8f1 to your computer and use it in GitHub Desktop.
Save svgeesus/5fcf86e56203c4a01f704a2470d0d8f1 to your computer and use it in GitHub Desktop.
use with eyes
/**
* use with eyes
*/
.robot {
fill: none;
stroke: red;
}
<svg viewBox="-35 0 70 40">
<g class="robot" id="prime">
<rect x="-5" y="19" width="10" height="15"/>
<circle cx="0" cy="12" r="7"/>
<circle cx="2" cy="12" r="1"/>
<circle cx="-2" cy="12" r="1"/>
</g>
<use href="#prime" transform="translate(-20,5)"/>
<use href="#prime" transform="translate(20,4)"/>
</svg>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment