<svg width=".875em" height=".875em">
  <defs>
    <pattern id="diagonalHatch" patternUnits="userSpaceOnUse" width="4" height="4" patternTransform="rotate(-45 2 2)">
      <path d="M -1,2 l 6,0" stroke={{this.hatchColor}} stroke-width={{this.hatchWidth}} />
    </pattern>
  </defs>
  <rect fill={{this.backgroundColor}} rx="2" ry="2" width="100%" height="100%" />
  <rect fill="url(#diagonalHatch)" ry="2" rx="2" height="100%" width="100%" />
</svg>
