1<svg width="550" height="128" xmlns="http://www.w3.org/2000/svg">
 2  <defs>
 3    <pattern id="tilePattern" width="23" height="23" patternUnits="userSpaceOnUse">
 4      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 5        <path d="M12 5L14 8L12 11" stroke="black" stroke-width="1.5"/>
 6        <path d="M10 6.5L11 8L10 9.5" stroke="black" stroke-width="1.5"/>
 7        <path d="M7.5 8.9V11C5.43097 11 4.56903 11 2.5 11V10.4L7.5 5.6V5H2.5V7.1" stroke="black" stroke-width="1.5"/>
 8      </svg>
 9    </pattern>
10    <linearGradient id="fade" y2="1" x2="0">
11      <stop offset="0" stop-color="white" stop-opacity=".24"/>
12      <stop offset="1" stop-color="white" stop-opacity="0"/>
13    </linearGradient>
14    <mask id="fadeMask" maskContentUnits="objectBoundingBox">
15      <rect width="1" height="1" fill="url(#fade)"/>
16    </mask>
17  </defs>
18  <rect width="100%" height="100%" fill="url(#tilePattern)" mask="url(#fadeMask)"/>
19</svg>