SVG image background

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <i class="icon-start"></i>
    <i class="icon-start icon-large"></i>
  </body>

</html>

// Code goes here

/* Styles go here */
.icon-start {
  display: inline-block;
  width: 2em;
  height: 2em;
  
  background-image: url('http://damonbauer.me/assets/images/implementing-svg/star.svg');

  
}

.icon-start:hover{
  transition: background-image ease 0.6s;
  background-image: url('http://damonbauer.me/assets/images/implementing-svg/star_hover.svg');
}

.icon-large {
  width: 3em;
  height: 3em; 
}