Skip to content

Instantly share code, notes, and snippets.

@tp

tp/cafe-18.svg

Forked from clhenrick/cafe-18.svg
Last active February 14, 2017 15:13
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 tp/d40a392aa727ab765d8bfc24db9bf940 to your computer and use it in GitHub Desktop.
Save tp/d40a392aa727ab765d8bfc24db9bf940 to your computer and use it in GitHub Desktop.
Download ZIP
Load an SVG from an external page
Display the source blob
Display the rendered blob
Raw
cafe-18.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Raw
index.html
<!doctype HTML>
<hmtl>
<head>
<meta charset="utf8">
<style type="text/css">
* {
-webkit-transform-origin-x: 0px;
-webkit-transform-origin-y: 0px;
-webkit-transform-origin-z: initial;
}
.icon {
width: 300px;
height: 300px;
fill: red;
}
</style>
</head>
<body>
<p>Hello World!</p>
<br>
<!-- code from CSS Tricks: http://css-tricks.com/svg-use-external-source/ -->
<!-- `<use>` shape defined in an EXTERNAL RESOURCE -->
<svg viewBox="0 0 18 18" class="icon">
<use xlink:href="cafe-18.svg#svg4619"></use>
</svg>
</body>
</hmtl>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment