Skip to content

Instantly share code, notes, and snippets.

@smharley

smharley/ralph-svg

Created August 15, 2014 22:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smharley/b518c91fcd85e8212fca to your computer and use it in GitHub Desktop.
Save smharley/b518c91fcd85e8212fca to your computer and use it in GitHub Desktop.
Download ZIP
Ralph SVG
Raw
ralph-svg
<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g fill="none">
<path d="M49.922 0C22.364 0 0 22.364 0 49.922c0 27.56 22.364 49.923 49.922 49.923 27.56 0 49.923-22.364 49.923-49.923C99.845 22.364 77.48 0 49.922 0z" id="Shape" fill="#B32317"/>
<path d="M36.938 52.442h-2.016v14.186c.66.814 1.086 1.822 1.086 2.946 0 1.395-.62 2.635-1.628 3.488l-1.24-1.24c.697-.504 1.124-1.318 1.124-2.248 0-1.55-1.28-2.83-2.83-2.83s-2.83 1.28-2.83 2.83c0 .93.427 1.744 1.125 2.248l-1.242 1.24c-.97-.853-1.628-2.093-1.628-3.488 0-1.124.427-2.17 1.086-2.946V44.535c.038-.853.736-1.55 1.59-1.55h40.503c.85 0 1.55.697 1.588 1.55v22.093c.698.814 1.085 1.822 1.085 2.946 0 1.395-.62 2.635-1.628 3.488l-1.24-1.24c.66-.504 1.124-1.318 1.124-2.248 0-1.55-1.28-2.83-2.83-2.83s-2.83 1.28-2.83 2.83c0 .93.426 1.744 1.124 2.248l-1.24 1.24c-1.008-.853-1.628-2.093-1.628-3.488 0-1.124.426-2.17 1.085-2.946V52.442h-2.014v29.922l1.356.776v2.44H50.426v-2.44l1.357-.776v-9.108h-4.03v9.07l1.356.775v2.443l-13.53.038v-2.44l1.32-.776.038-29.922zM49.806 20c2.83 0 5.35 1.008 6.938 2.52l1.24-1.784c-1.976-1.744-4.883-2.868-8.178-2.868-3.294 0-6.24 1.124-8.178 2.868l1.24 1.783c1.59-1.512 4.148-2.52 6.938-2.52zm.155-4.496c3.063 0 5.93.89 8.063 2.52.427.31.814.658 1.163 1.046l1.24-1.783c-2.403-2.365-6.2-3.915-10.465-3.915-4.38 0-8.255 1.59-10.658 4.07l1.24 1.783c.388-.427.815-.853 1.318-1.24 2.17-1.59 5.04-2.48 8.1-2.48zm-.154-4.34c4.884 0 9.186 1.782 11.744 4.495l1.24-1.745C59.807 10.97 55.08 9.07 49.807 9.07c-5.31 0-10 1.9-12.984 4.883l1.24 1.745c2.558-2.752 6.86-4.535 11.744-4.535zM45.698 32.054c0 .737-.582 1.357-1.357 1.357-.735 0-1.356-.62-1.356-1.356 0-.736.62-1.356 1.357-1.356.776 0 1.358.58 1.358 1.356zm14.186-7.248H39.302c-.852 0-1.55.698-1.55 1.55v13.41c0 .854.698 1.552 1.55 1.552h20.582c.852 0 1.55-.698 1.55-1.55v-13.41c0-.854-.698-1.552-1.55-1.552zM44.34 34.65c-1.433 0-2.635-1.162-2.635-2.634 0-1.435 1.163-2.636 2.636-2.636 1.435 0 2.637 1.163 2.637 2.636 0 1.472-1.163 2.635-2.636 2.635zm10.544 0c-1.434 0-2.636-1.162-2.636-2.634 0-1.435 1.163-2.636 2.636-2.636 1.434 0 2.635 1.163 2.635 2.636 0 1.472-1.202 2.635-2.636 2.635zm1.356-2.596c0 .737-.62 1.357-1.356 1.357-.737 0-1.357-.62-1.357-1.356 0-.736.582-1.356 1.357-1.356.736 0 1.356.58 1.356 1.356z" fill="#fff"/>
</g>
</svg>
@smharley
Copy link
Author

http://robots.thoughtbot.com/building-ralph-in-svg

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