Scattered Triangles SVG background, flat

Free
Scattered Triangles SVG background, flat

Small solid triangles appear sparingly near the corners and edges, keeping the middle clear. Try it on a workshop flyer or a social media announcement.

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

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/C2HBMupd7mo4/amnt.svg" alt="Scattered Triangles" 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="#F6F7F3"/><g fill="#CAD9D2"><path d="M72 84l18 31H54z"/><path d="M226 42l12 21h-24z"/><path d="M1492 76l20 35h-40z"/><path d="M1560 236l15 26h-30z"/><path d="M84 706l16 28H68z"/><path d="M218 842l19 33h-38z"/><path d="M1428 826l17 29h-34z"/></g><g fill="#DCE0CC"><path d="M390 70l13 23h-26z"/><path d="M28 328l19 33H9z"/><path d="M1510 412l12 21h-24z"/><path d="M1220 848l14 24h-28z"/><path d="M54 856l11 19H43z"/></g><g fill="#E5D8D0"><path d="M1358 48l15 26h-30z"/><path d="M124 190l11 19h-22z"/><path d="M1574 674l18 31h-36z"/><path d="M346 804l12 21h-24z"/></g></svg>
CSS background-image
.scattered-triangles {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/C2HBMupd7mo4/amnt.svg");
  background-size: contain;
}
React
import ScatteredTrianglesSvg from "./scattered-triangles.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Scattered Triangles: Full-frame background with small solid triangles placed sparsely near the corners and edges. as part of the pack Geometric backgrounds, flat. Want one like it? Make your own in the SVG studio.

Rest of Geometric backgrounds, flat

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