Skip to content

Instantly share code, notes, and snippets.

@perey

perey/resource.svg

Created October 21, 2017 09:39
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 perey/4512b9a060a61320c36f9daa90bf82cb to your computer and use it in GitHub Desktop.
Save perey/4512b9a060a61320c36f9daa90bf82cb to your computer and use it in GitHub Desktop.
Download ZIP
Test case for styling of SVG <use> element referencing an external file
Display the source blob
Display the rendered blob
Raw
resource.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Test case: SVG-in-HTML use from external file</title>
</head>
<body>
<svg width="100px" height="100px" viewBox="0 0 100 100">
<use xlink:href="resource.svg#red-ring"/>
</svg>
<svg width="100px" height="100px" viewBox="0 0 100 100">
<use xlink:href="resource.svg#very-definitely-red-ring"/>
</svg>
</body>
</html>
Display the source blob
Display the rendered blob
Raw
test.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment