<!doctype html>

<style>
  svg {
    width : 100px;
    height: 100px;
    padding : 0px;
    margin : 0px;
  }

  #reflection {
    position: relative;
    left: -4px;
  }
</style>

<svg style="filter: url(#filterElement)" viewBox="0 0 50 50">
  <filter id="filterElement">
    <feColorMatrix type="hueRotate" values="90"/>
  </filter>
  <rect fill="red" x="0" y="0" height="50" width="50"/>
</svg>

<svg id="reflection" style="filter: url(#filterElement)" viewBox="0 0 50 50">
  <rect fill="red" x="0" y="0" height="50" width="50"/>
</svg>