Floating Hexagons SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/h4M0XIe4DGgs/amnt.svg" alt="Floating Hexagons" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F5F7F4"/><g fill="#DCE8E3"><polygon points="80,90 132,120 132,180 80,210 28,180 28,120"/><polygon points="1550,75 1593,100 1593,150 1550,175 1507,150 1507,100"/><polygon points="54,650 94,673 94,719 54,742 14,719 14,673"/><polygon points="1510,680 1568,713 1568,779 1510,812 1452,779 1452,713"/></g><g fill="#E8E5D9"><polygon points="205,315 237,333 237,369 205,387 173,369 173,333"/><polygon points="1435,280 1470,300 1470,340 1435,360 1400,340 1400,300"/><polygon points="130,805 155,819 155,847 130,861 105,847 105,819"/></g><g fill="#CBDDD7"><polygon points="43,408 73,425 73,459 43,476 13,459 13,425"/><polygon points="1560,465 1598,487 1598,531 1560,553 1522,531 1522,487"/><polygon points="1370,115 1392,128 1392,154 1370,167 1348,154 1348,128"/></g></svg>

.floating-hexagons {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/h4M0XIe4DGgs/amnt.svg");
  background-size: contain;
}

import FloatingHexagonsSvg from "./floating-hexagons.jsx"; // from the React tab above

<FloatingHexagonsSvg width={48} height={48} />