Skip to content

Instantly share code, notes, and snippets.

@markarios
Last active August 29, 2015 14:01
Show Gist options
  • Save markarios/c40cae254cbb7ca28121 to your computer and use it in GitHub Desktop.
Save markarios/c40cae254cbb7ca28121 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#377eb8">
<rect x="2" y="23" width = "13" height = "17"/>
<rect x="16" y="18" width = "13" height = "22"/>
<rect x="30" y="22" width = "13" height = "18"/>
<rect x="44" y="23" width = "13" height = "17"/>
</g>
<g fill="white" font-family="helvetica">
<text x="3" y="38.5">S</text>
<text x="20" y="38.5">t</text>
<text x="32" y="38.5">a</text>
<text x="48" y="38.5">t</text>
</g>
<g fill="#ff7f00" font-family="helvetica">
<text x="2" y="53">Visi</text>
<text x="41" y="53">ns</text>
</g>
<g stroke="#e41a1c">
<circle cx="34.5" cy="48" r="3" class="EYE" fill="none" stroke-width="4"/>
<path d="M 29.5 44 q 5 -4 10 0" stroke="#e41a1c" stroke-width = "1" fill = "none"/>
<path d="M 29.5 52 q 5 4 10 0" stroke="#e41a1c" stroke-width = "1" fill = "none"/>
</g>
</svg>
</html>
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<g fill="#377eb8">
<rect x="2" y="23" width = "13" height = "17"/>
<rect x="16" y="18" width = "13" height = "22"/>
<rect x="30" y="22" width = "13" height = "18"/>
<rect x="44" y="23" width = "13" height = "17"/>
</g>
<g fill="white" font-family="helvetica">
<text x="3" y="38.5">S</text>
<text x="20" y="38.5">t</text>
<text x="32" y="38.5">a</text>
<text x="48" y="38.5">t</text>
</g>
<g fill="#ff7f00" font-family="helvetica">
<text x="2" y="53">Visi</text>
<text x="41" y="53">ns</text>
</g>
<g stroke="#e41a1c">
<circle cx="34.5" cy="48" r="3" class="EYE" fill="none" stroke-width="4"/>
<path d="M 29.5 44 q 5 -4 10 0" stroke="#e41a1c" stroke-width = "1" fill = "none"/>
<path d="M 29.5 52 q 5 4 10 0" stroke="#e41a1c" stroke-width = "1" fill = "none"/>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment