Skip to content

Instantly share code, notes, and snippets.

/index.html

Created March 13, 2015 06:04
Show Gist options
  • Save anonymous/3ccf7b0dcff43024f7c6 to your computer and use it in GitHub Desktop.
Save anonymous/3ccf7b0dcff43024f7c6 to your computer and use it in GitHub Desktop.
Download ZIP
yyRRZa
Raw
index.html
<svg style="display:none;">
<symbol id="test">
<rect x="10" y="10" width="100" height="100" />
<rect x="100" y="10" width="100" height="100" fill="currentColor" />
</symbol>
</svg>
<svg class="icon icon--BlueBlack"><use xlink:href="#test" />
<use class="icon icon--BlueGreen" xlink:href="#test" x='100' y='50'/></svg>
<!--<svg class="icon icon--BlueGreen"><use xlink:href="#test" /></svg>-->
Raw
style.css
.icon--BlueBlack{
fill:blue;
}
.icon--BlueGreen{
fill:blue;
color:green;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment