Beta

Floating Hexagons SVG background, flat

Free
Floating Hexagons SVG background, flat

Separate solid hexagons sit loosely along the sides of the frame. Use the open central area for a report title or a conference session card.

Sign in to download. Free SVGs are free with any account.

hexagonsbackgroundshapespatterngeometricflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/h4M0XIe4DGgs/amnt.svg" alt="Floating Hexagons" width="48" height="48">
Inline SVG
<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>
CSS background-image
.floating-hexagons {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/h4M0XIe4DGgs/amnt.svg");
  background-size: contain;
}
React
import FloatingHexagonsSvg from "./floating-hexagons.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Floating Hexagons: Full-frame background with separate solid hexagons spaced loosely along the sides. as part of the pack Geometric backgrounds, flat. Want one like it? Make your own in the SVG studio.

Rest of Geometric backgrounds, flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence