Skip to content

Instantly share code, notes, and snippets.

@andrewn
Last active August 10, 2016 17:36
Show Gist options
  • Save andrewn/0d4abcdb7676e78a17628763469f8d70 to your computer and use it in GitHub Desktop.
Save andrewn/0d4abcdb7676e78a17628763469f8d70 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#strokes {
stroke: red;
}
#fills {
fill: red;
}
</style>
</head>
<body>
<h1>Test</h1>
<svg>
<use xlink:href="svg-use-example.svg#Welcome"></use>
</svg>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!--Generator: Sketch 3.5.2 (25235) - http://www.bohemiancoding.com/sketch-->
<title>arrow</title>
<desc>Created with Sketch.</desc>
<defs/>
<g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="arrow" sketch:type="MSArtboardGroup" stroke-linecap="square" stroke="#000000" stroke-width="2">
<g id="strokes" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)">
<path d="M0.5,15 L14,27.5 L27.5,15" id="Line" sketch:type="MSShapeGroup"/>
<path d="M14,0 L14,27" id="Line" sketch:type="MSShapeGroup"/>
</g>
<g id="fills">
<circle r="10" />
</g>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment