Skip to main

Triangle stack patterns

<svg id="dbc-svg-86caa058-6551-417e-bbb6-c635c9292bba" class="dbc-svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <pattern id="dbc-pattern-86caa058-6551-417e-bbb6-c635c9292bba" width="296" height="174" x="0" y="0" patternUnits="userSpaceOnUse" patternTransform="rotate(0) skewX(0) scale(0.4)" viewBox="0 0 296 174">
    <g id="dbc-p-86caa058-6551-417e-bbb6-c635c9292bba">
      <path fill="currentColor" stroke="none" opacity="1" d="M286 174h10V0h-10v17.46L255.76 0h-40l61.58 35.56L158 104.46V0h-20v104.46L18.66 35.56 80.24 0h-40L10 17.46V0H0v174h10V53.65l119.34 68.91L40.24 174h40L138 140.65V174h20v-33.35L215.76 174h40l-89.1-51.44L286 53.65V174z"/>
    </g>
    <use x="0" y="0" href="#dbc-p-86caa058-6551-417e-bbb6-c635c9292bba"/>
  </pattern>
  <rect width="100%" height="100%" fill="url(#dbc-pattern-86caa058-6551-417e-bbb6-c635c9292bba)"/>
</svg>

©2025 DesignByCode, Inc. All rights reserved.

Design & Developed by DesignByCode