SVG Modified with Query String

Create one SVG that allows you to change colours by changing query string. SVG has code in it to break it down.

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>SVG Modified with Query String</title>
  <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>


  
  
  
  
</head>

<body>
  <img src="http://jamesnowland.com/demo/svg/html5.min.svg" alt="Default SVG" />

<img src="http://jamesnowland.com/demo/svg/html5.min.svg?bg=FF6138&stroke=00A388&badge-stroke=79BD8F&banners=79BD8F&badge-bg=FFFF9D&logo-circle=FF6138" alt="SVG With query strings" />

<object type="image/svg+xml" data="http://jamesnowland.com/demo/svg/html5.min.svg?bg=FF6138&stroke=00A388&badge-stroke=79BD8F&banners=79BD8F&badge-bg=FFFF9D&logo-circle=FF6138"></object>
  
    <script  src="js/index.js"></script>

</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
/* Downloaded from https://www.codeseek.co/ */
// Javascript doesn't fire on SVGs unless you view them direct

// Update: or you put them in an object tag.

This awesome code ( SVG Modified with Query String ) is write by James Nowland, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © James Nowland