Skip to main

Hexagon patterns

<svg id="dbc-svg-a14c5b75-df0b-4521-9fd7-95fcb88c7b26" class="dbc-svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <pattern id="dbc-pattern-a14c5b75-df0b-4521-9fd7-95fcb88c7b26" width="272.72" height="473.27" x="0" y="0" patternUnits="userSpaceOnUse" patternTransform="rotate(0) skewX(0) scale(0.2)" viewBox="0 0 272.72 473.27">
    <g id="dbc-p-a14c5b75-df0b-4521-9fd7-95fcb88c7b26">
      <path fill="currentColor" stroke="none" opacity="1" d="M272.72 473.27V340.15L146.36 267.2V120.83l126.36-72.95V0h-10v30.56l-126.36 72.95L10 30.56V0H0v47.88l126.36 72.95V267.2L0 340.15v133.12h10v-115.8l126.36-72.95 126.36 72.95v115.8h10z"/>
    </g>
    <use x="0" y="0" href="#dbc-p-a14c5b75-df0b-4521-9fd7-95fcb88c7b26"/>
  </pattern>
  <rect width="100%" height="100%" fill="url(#dbc-pattern-a14c5b75-df0b-4521-9fd7-95fcb88c7b26)"/>
</svg>

©2025 DesignByCode, Inc. All rights reserved.

Design & Developed by DesignByCode