Skip to content

Instantly share code, notes, and snippets.

@stephenyeargin
Created June 30, 2012 01:52
Show Gist options
  • Save stephenyeargin/3021735 to your computer and use it in GitHub Desktop.
Save stephenyeargin/3021735 to your computer and use it in GitHub Desktop.
SVG version of the Google-O-Meter
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="100px" height="75px" viewBox="0 0 100 75" xml:space="preserve">
<g>
<path fill="#ED1C24" d="M49.533,56.404l-34.83-24.381c-1.42,2.02-2.66,4.17-3.71,6.41L49.533,56.404z"/>
<path fill="none" stroke="#ED1C24" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l-34.83-24.381c-1.42,2.02-2.66,4.17-3.71,6.41L49.533,56.404z"/>
<path fill="#ED2F24" d="M49.533,56.404l-30.07-30.061c-1.75,1.75-3.34,3.65-4.76,5.68L49.533,56.404z"/>
<path fill="none" stroke="#ED2F24" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l-30.07-30.061c-1.75,1.75-3.34,3.65-4.76,5.68L49.533,56.404z"/>
<path fill="#ED5324" d="M49.533,56.404l-24.391-34.83c-2.029,1.42-3.93,3.02-5.68,4.77L49.533,56.404z"/>
<path fill="none" stroke="#ED5324" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l-24.391-34.83c-2.029,1.42-3.93,3.02-5.68,4.77L49.533,56.404z"/>
<path fill="#EC7923" d="M49.533,56.404l-17.97-38.531c-2.25,1.04-4.391,2.28-6.421,3.701L49.533,56.404z"/>
<path fill="none" stroke="#EC7923" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l-17.97-38.531c-2.25,1.04-4.391,2.28-6.421,3.701L49.533,56.404z"/>
<path fill="#EDA021" d="M49.533,56.404l-11.01-41.071c-2.391,0.64-4.721,1.49-6.96,2.54L49.533,56.404z"/>
<path fill="none" stroke="#EDA021" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l-11.01-41.071c-2.391,0.64-4.721,1.49-6.96,2.54L49.533,56.404z"/>
<path fill="#EDC51B" d="M49.533,56.404l-3.71-42.351c-2.46,0.21-4.91,0.64-7.3,1.28L49.533,56.404z"/>
<path fill="none" stroke="#EDC51B" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l-3.71-42.351c-2.46,0.21-4.91,0.64-7.3,1.28L49.533,56.404z"/>
<path fill="#ECE71B" d="M49.533,56.404l3.7-42.351c-2.46-0.22-4.94-0.22-7.41,0L49.533,56.404z"/>
<path fill="none" stroke="#ECE71B" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l3.7-42.351c-2.46-0.22-4.94-0.22-7.41,0L49.533,56.404z"/>
<path fill="#C4D92D" d="M49.533,56.404l11-41.071c-2.391-0.64-4.83-1.07-7.3-1.28L49.533,56.404z"/>
<path fill="none" stroke="#C4D92D" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l11-41.071c-2.391-0.64-4.83-1.07-7.3-1.28L49.533,56.404z"/>
<path fill="#A5CE39" d="M49.533,56.404l17.97-38.531c-2.25-1.05-4.58-1.9-6.97-2.54L49.533,56.404z"/>
<path fill="none" stroke="#A5CE39" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l17.97-38.531c-2.25-1.05-4.58-1.9-6.97-2.54L49.533,56.404z"/>
<path fill="#89C540" d="M49.533,56.404l24.39-34.83c-2.03-1.421-4.18-2.661-6.42-3.701L49.533,56.404z"/>
<path fill="none" stroke="#89C540" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l24.39-34.83c-2.03-1.421-4.18-2.661-6.42-3.701L49.533,56.404z"/>
<path fill="#72BF44" d="M49.533,56.404l30.06-30.061c-1.75-1.75-3.649-3.35-5.67-4.77L49.533,56.404z"/>
<path fill="none" stroke="#72BF44" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l30.06-30.061c-1.75-1.75-3.649-3.35-5.67-4.77L49.533,56.404z"/>
<path fill="#64BC46" d="M49.533,56.404l34.83-24.381c-1.42-2.029-3.021-3.93-4.771-5.68L49.533,56.404z"/>
<path fill="none" stroke="#64BC46" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l34.83-24.381c-1.42-2.029-3.021-3.93-4.771-5.68L49.533,56.404z"/>
<path fill="#5DBA47" d="M49.533,56.404l38.53-17.971c-1.04-2.24-2.28-4.391-3.7-6.41L49.533,56.404z"/>
<path fill="none" stroke="#5DBA47" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404l38.53-17.971c-1.04-2.24-2.28-4.391-3.7-6.41L49.533,56.404z"/>
<path fill="#FFFFFF" d="M49.533,56.404h29.76c0-7.891-3.14-15.461-8.72-21.041s-13.15-8.719-21.04-8.719c-7.9,0-15.47,3.139-21.05,8.719s-8.721,13.15-8.721,21.041H49.533z"/>
<path fill="none" stroke="#FFFFFF" stroke-width="0.14" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M49.533,56.404h29.76c0-7.891-3.14-15.461-8.72-21.041s-13.15-8.719-21.04-8.719c-7.9,0-15.47,3.139-21.05,8.719s-8.721,13.15-8.721,21.041H49.533z"/>
</g>
<!-- Adjust first rotate parameter to a range between -70 and 70 -->
<g transform="rotate(0,50,50)">
<line fill="none" stroke="#000000" stroke-width="3.12" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="50" y1="15" x2="50" y2="50"/>
<polyline stroke="none" fill="#000000" points="50,5 45,15 55,15"/>
</g>
<g>
<text x="50" y="70" text-anchor="middle" font-family="'Helvetica'" font-size="10">50.0</text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment