Skip to content

Instantly share code, notes, and snippets.

@octavioamu
Created March 26, 2014 16:59
Show Gist options
  • Save octavioamu/9788058 to your computer and use it in GitHub Desktop.
Save octavioamu/9788058 to your computer and use it in GitHub Desktop.
change icon color with hash
Display the source blob
Display the rendered blob
Raw
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="13px" height="12.917px" viewBox="0 0 13 12.917" enable-background="new 0 0 13 12.917" xml:space="preserve">
<polygon fill="#000000" points="6.504,0 8.509,4.068 13,4.722 9.755,7.887 10.512,12.357 6.504,10.246 2.484,12.357 3.251,7.887 0,4.722 4.492,4.068 "/>
<script>
document.getElementsByTagName("polygon")[0].setAttribute("fill", location.hash);
</script>
</svg>
<div class="icons">
<object type="image/svg+xml" data="http://rawgithub.com/octavioamu/9788058/raw/3d42084a19fe26ac6e4e51e2fa0be9f0f9708a32/icon.svg#FC237A"></object>
<object type="image/svg+xml" data="http://rawgithub.com/octavioamu/9788058/raw/3d42084a19fe26ac6e4e51e2fa0be9f0f9708a32/icon.svg#00F2FF"></object>
</div>
<a href="rawgithub.com/octavioamu/9788058/raw/53b3cc6a4901e0c2a48e325b6c2441ae74fa9eb4/index.html">DEMO</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment