hex_texture.svg

<svg width="200" height="200" viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg">
  <filter id="paper">
    <feTurbulence
      type="fractalNoise"
      baseFrequency="0.08"
      result="noise"
      numOctaves="5"
    />

    <feDiffuseLighting in="noise" surfaceScale="2" result="texture">
      <feDistantLight azimuth="45" elevation="60"/>
    </feDiffuseLighting>

    <feComposite
      in="SourceGraphic"
      in2="texture"
      operator="arithmetic"
      k1="1"
      k2="0"
      k3="0"
      k4="0"
    />
  </filter>

  <rect id="background" height="100%" width="100%" fill="white"/>

  <polygon
    filter="url(#paper)"
    transform="translate(60,50)"
    id="hex"
    fill="#359e35"
    stroke="#444444"
    points="50.24,0.25 100.23,29.112 100.23,86.835 50.24,115.697 0.25,86.835 0.25,29.112 50.24,0.25"
  />
</svg>