Skip to content

Instantly share code, notes, and snippets.

@steveseguin
Created September 30, 2024 07:57
Show Gist options
  • Save steveseguin/57e96b837ac34074d3ffeb4d6798cdf7 to your computer and use it in GitHub Desktop.
Save steveseguin/57e96b837ac34074d3ffeb4d6798cdf7 to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<!-- T-shirt outline -->
<path d="M100 100 L300 100 L350 150 L320 350 L80 350 L50 150 Z" fill="white" stroke="black" stroke-width="2"/>
<g fill="gray" stroke="black" stroke-width="0.5">
<!-- Function to create a robot -->
<defs>
<g id="robot">
<rect width="20" height="30" />
<circle cx="10" cy="10" r="5" />
<rect x="5" y="30" width="5" height="10" />
<rect x="10" y="30" width="5" height="10" />
</g>
</defs>
<defs>
<g id="robot2">
<rect width="10" height="15" />
<circle cx="5" cy="6" r="3" />
<rect x="2" y="15" width="3" height="5" />
<rect x="5" y="15" width="3" height="5" />
</g>
</defs>
<!-- Generate multiple robots -->
<use href="#robot2" x="120" y="110" />
<use href="#robot" x="90" y="230" />
<use href="#robot" x="70" y="150" />
<use href="#robot" x="210" y="220" />
<use href="#robot" x="290" y="230" />
<use href="#robot" x="130" y="260" />
<use href="#robot" x="160" y="280" />
<use href="#robot" x="190" y="260" />
<use href="#robot" x="220" y="280" />
<use href="#robot" x="250" y="260" />
<use href="#robot" x="140" y="240" />
<use href="#robot" x="240" y="120" />
<use href="#robot" x="200" y="240" />
<use href="#robot2" x="290" y="190" />
<use href="#robot" x="260" y="240" />
</g>
<!-- Simple robots -->
<g fill="gray" stroke="black" stroke-width="1">
<!-- Robot 1 -->
<rect x="120" y="220" width="40" height="60" />
<circle cx="140" cy="240" r="10" />
<rect x="130" y="280" width="10" height="20" />
<rect x="140" y="280" width="10" height="20" />
<!-- Robot 2 -->
<rect x="180" y="240" width="40" height="60" />
<circle cx="200" cy="260" r="10" />
<rect x="190" y="300" width="10" height="20" />
<rect x="200" y="300" width="10" height="20" />
<!-- Robot 3 -->
<rect x="240" y="220" width="40" height="60" />
<circle cx="260" cy="240" r="10" />
<rect x="250" y="280" width="10" height="20" />
<rect x="260" y="280" width="10" height="20" />
</g>
<!-- Text -->
<text x="200" y="180" font-family="Arial" font-size="27" text-anchor="middle">Perfection was</text>
<text x="200" y="200" font-family="Arial" font-size="25" text-anchor="middle">the only flaw</text>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment