<!-- Christmas Tree icon by Icons8 -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" style="null" class="icon icons8-Christmas-Tree" ><g>  <path fill="#388E3C" d="M24,20L9,40c0,0,5,4,15,4s15-4,15-4L24,20z"></path>  <path fill="#388E3C" d="M24,16L12,31c0,0,4,3,12,3s12-3,12-3L24,16z"></path> <path fill="#388E3C" d="M24,11l-9,12c0,0,3,2,9,2s9-2,9-2L24,11z"></path></g><polygon fill="#FFCA28" points="24,4 25.667,7.098 29,7.574 26.618,9.955 27.098,13.529 24,11.862 20.902,13.529 21.383,9.955  19,7.574 22.333,7.098 "></polygon><g> <path fill="#1B5E20" d="M34.528,34.038l-1.239-1.653C31.294,33.172,28.205,34,24,34c-4.206,0-7.294-0.828-9.289-1.615l-1.239,1.653   C15.658,34.966,19.175,36,24,36C28.825,36,32.342,34.966,34.528,34.038z"></path>  <path fill="#1B5E20" d="M24,25c-2.824,0-4.975-0.443-6.47-0.913l-1.332,1.665C17.879,26.363,20.463,27,24,27   s6.121-0.637,7.802-1.248l-1.332-1.665C28.976,24.557,26.824,25,24,25z"></path> <polygon fill="#1B5E20" points="24,11.862 22.916,12.446 20.06,16.254 21.85,15.291 24,14.133 26.15,15.291 27.94,16.254     25.084,12.446   "></polygon></g><g> <circle fill="#18FFFF" cx="22.5" cy="18.5" r="1.5"></circle>  <circle fill="#18FFFF" cx="27" cy="21" r="1"></circle>  <circle fill="#18FFFF" cx="19" cy="29" r="1"></circle>  <circle fill="#18FFFF" cx="23" cy="32" r="1"></circle>  <circle fill="#18FFFF" cx="24" cy="41" r="1"></circle>  <circle fill="#18FFFF" cx="32.5" cy="39.5" r="1.5"></circle>  <circle fill="#18FFFF" cx="28" cy="30" r="1.5"></circle>  <circle fill="#18FFFF" cx="17.5" cy="39" r="1.5"></circle></g></svg>

<!-- Christmas Tree icon by Icons8 -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" style="null" class="icon icons8-Christmas-Tree icon-256" ><g> <path fill="#388E3C" d="M24,20L9,40c0,0,5,4,15,4s15-4,15-4L24,20z"></path>  <path fill="#388E3C" d="M24,16L12,31c0,0,4,3,12,3s12-3,12-3L24,16z"></path> <path fill="#388E3C" d="M24,11l-9,12c0,0,3,2,9,2s9-2,9-2L24,11z"></path></g><polygon fill="#FFCA28" points="24,4 25.667,7.098 29,7.574 26.618,9.955 27.098,13.529 24,11.862 20.902,13.529 21.383,9.955  19,7.574 22.333,7.098 "></polygon><g> <path fill="#1B5E20" d="M34.528,34.038l-1.239-1.653C31.294,33.172,28.205,34,24,34c-4.206,0-7.294-0.828-9.289-1.615l-1.239,1.653   C15.658,34.966,19.175,36,24,36C28.825,36,32.342,34.966,34.528,34.038z"></path>  <path fill="#1B5E20" d="M24,25c-2.824,0-4.975-0.443-6.47-0.913l-1.332,1.665C17.879,26.363,20.463,27,24,27   s6.121-0.637,7.802-1.248l-1.332-1.665C28.976,24.557,26.824,25,24,25z"></path> <polygon fill="#1B5E20" points="24,11.862 22.916,12.446 20.06,16.254 21.85,15.291 24,14.133 26.15,15.291 27.94,16.254     25.084,12.446   "></polygon></g><g> <circle fill="#18FFFF" cx="22.5" cy="18.5" r="1.5"></circle>  <circle fill="#18FFFF" cx="27" cy="21" r="1"></circle>  <circle fill="#18FFFF" cx="19" cy="29" r="1"></circle>  <circle fill="#18FFFF" cx="23" cy="32" r="1"></circle>  <circle fill="#18FFFF" cx="24" cy="41" r="1"></circle>  <circle fill="#18FFFF" cx="32.5" cy="39.5" r="1.5"></circle>  <circle fill="#18FFFF" cx="28" cy="30" r="1.5"></circle>  <circle fill="#18FFFF" cx="17.5" cy="39" r="1.5"></circle></g></svg>

<!-- Christmas Tree icon by Icons8 -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 48 48" style="null" class="icon icons8-Christmas-Tree icon-128" ><g> <path fill="#388E3C" d="M24,20L9,40c0,0,5,4,15,4s15-4,15-4L24,20z"></path>  <path fill="#388E3C" d="M24,16L12,31c0,0,4,3,12,3s12-3,12-3L24,16z"></path> <path fill="#388E3C" d="M24,11l-9,12c0,0,3,2,9,2s9-2,9-2L24,11z"></path></g><polygon fill="#FFCA28" points="24,4 25.667,7.098 29,7.574 26.618,9.955 27.098,13.529 24,11.862 20.902,13.529 21.383,9.955  19,7.574 22.333,7.098 "></polygon><g> <path fill="#1B5E20" d="M34.528,34.038l-1.239-1.653C31.294,33.172,28.205,34,24,34c-4.206,0-7.294-0.828-9.289-1.615l-1.239,1.653   C15.658,34.966,19.175,36,24,36C28.825,36,32.342,34.966,34.528,34.038z"></path>  <path fill="#1B5E20" d="M24,25c-2.824,0-4.975-0.443-6.47-0.913l-1.332,1.665C17.879,26.363,20.463,27,24,27   s6.121-0.637,7.802-1.248l-1.332-1.665C28.976,24.557,26.824,25,24,25z"></path> <polygon fill="#1B5E20" points="24,11.862 22.916,12.446 20.06,16.254 21.85,15.291 24,14.133 26.15,15.291 27.94,16.254     25.084,12.446   "></polygon></g><g> <circle fill="#18FFFF" cx="22.5" cy="18.5" r="1.5"></circle>  <circle fill="#18FFFF" cx="27" cy="21" r="1"></circle>  <circle fill="#18FFFF" cx="19" cy="29" r="1"></circle>  <circle fill="#18FFFF" cx="23" cy="32" r="1"></circle>  <circle fill="#18FFFF" cx="24" cy="41" r="1"></circle>  <circle fill="#18FFFF" cx="32.5" cy="39.5" r="1.5"></circle>  <circle fill="#18FFFF" cx="28" cy="30" r="1.5"></circle>  <circle fill="#18FFFF" cx="17.5" cy="39" r="1.5"></circle></g></svg>




<div class="spacer"></div>
<div class="credits"><a href="http://ic8.link/17330">Christmas Tree</a> by <a href="https://icons8.com/">Icons8</a></div>

body {
  margin: 0;
}

/*Christmas Tree icon by Icons8 */
.icons8-Christmas-Tree { /* Customizes Christmas Tree icon */
  width: 512px;
  height: 512px;
}

.icon-256 {
  width: 256px;
  height: 256px;
}
.icon-128 {
  width: 128px;
  height: 128px;
}

.icon { /* Customizes all icons at once */
  display: inline-block;
  background: lightblue;
}


/** credits **/
.spacer { 
  margin: 4em;
  background: #000;
}
.credits {
  position: fixed;
  width: 100%;
  top: 100%;
  margin-top: -40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  z-index: 999;
  background: #32C24D;
  color: #fff;
  line-height: 40px;
  padding: 0 20px;
}

.credits a { 
  color: #fff;
}