Instantly share code, notes, and snippets.

What would you like to do?
The Laughing Man (Ghost in the Shell), 1000 byte SVG :-)
<svg viewBox="-160 -160 360 320" xmlns="" xmlns:xlink="">
<path id="f" d="m123,0a123,123 0,0 1-246,0a123,123 0,0 1 246,0"/>
<g fill="#057">
<circle r="160"/>
<circle r="150" fill="#fff"/>
<text font-size="28" font-stretch="condensed" font-family="Impact"><animateTransform type="rotate" from="360 0 0" to="0 0 0" dur="10s" attributeName="transform" repeatCount="indefinite"/><textPath xlink:href="#f">I thought what I'd do was, I'd pretend I was one of those deaf-mutes</textPath></text>
<circle r="115"/>
<circle r="95" fill="#fff"/>
<path d="m-8-119h16 l2,5h-20z"/>
<circle cx="160" cy="0" r="40"/>
<path d="m-95-20v-20h255a40,40 0,0 1 0,80h-55v-20z"/>
<path d="m-85 0a85,85 0,0 0 170,0h-20a65,65 0,0 1-130,0z"/>
<path d="m-65 20v20h140v-20z"/>
<path d="m-115-20v10h25v30h250a20,20 0,0 0 0,-40z" fill="#fff"/>
<path d="m-20 10c-17-14-27-14-44 0 6-25 37-25 44 0z"/>
<path d="m60 10c-17-14-27-14-44 0 6-25 37-25 44 0z"/>

This comment has been minimized.


johan commented Jul 6, 2011

Credits where credits are due: this exercise in manual SVG optimisation was based on a rough vectorization sketch of the laughing man logo (SVG) done by elm3x. Thanks for making the above more fun than laboursome! :-)


This comment has been minimized.

Budmore commented Feb 23, 2016

Looks great!


This comment has been minimized.

digitaldesigndj commented Jun 3, 2016

Thank you! That source sauce is frickin' beautiful


This comment has been minimized.

0xadada commented Feb 20, 2017

i had the idea to create an animated svg of the laughing man logo this weekend, but when i found this, i decided it was exactly how i would've done it. Great work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment