<svg xmlns:xlink="http://www.w3.org/1999/xlink"	width="100%" height="100%">
	 <defs>
	<pattern id="hexagons" width="50" height="43.4" patternUnits="userSpaceOnUse" patternTransform="scale(5) translate(2) rotate(45)">
	<polygon points="24.8,22 37.3,29.2 37.3,43.7 24.8,50.9 12.3,43.7 12.3,29.2" id="hex" />
	<use xlink:href="#hex" x="25" />
	<use xlink:href="#hex" x="-25" />
	<use xlink:href="#hex" x="12.5" y="-21.7" />
	<use xlink:href="#hex" x="-12.5" y="-21.7" />
</pattern>
	 </defs>
<rect width="100%" height="100%" fill="url(#hexagons)" />
</svg>
body { margin: 0; }
svg { 
  background: rgb(125,155,132); 
  min-height: 100vh;
}
polygon { 
  fill: rgb(125,155,132); 
  stroke-width: 2;
  stroke: #000;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.