Loose Mesh SVG background, flat

Loose Mesh SVG background, flat

Thin diagonal lines connect widely spaced points into irregular cells near the edges. This light mesh can frame a research poster or a technology workshop handout.

Similar SVGs

More from Abstract Backgrounds, Flat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gN3TsyyG6IiE/amnt.svg" alt="Loose Mesh" 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="#F7F8F5"/><g fill="none" stroke="#B6C8C5" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" opacity=".65"><path d="M0 90 190 35 365 130 555 45 755 115 960 25 1175 110 1390 35 1600 105"/><path d="M0 285 170 225 365 130 545 260 755 115 925 245 1175 110 1360 250 1600 105"/><path d="M0 90 170 225 345 325 545 260 710 345 925 245 1100 335 1360 250 1600 315"/><path d="M190 35 170 225M365 130 345 325M555 45 545 260M755 115 710 345M960 25 925 245M1175 110 1100 335M1390 35 1360 250"/><path d="M0 285 170 225M345 325 170 225M545 260 365 130M710 345 545 260M925 245 755 115M1100 335 925 245M1360 250 1175 110M1600 315 1360 250"/><path d="M0 755 180 690 380 795 565 680 775 760 970 660 1180 765 1390 670 1600 745"/><path d="M0 900 180 875 380 795 570 900 775 760 955 900 1180 765 1370 900 1600 745"/><path d="M0 755 180 875M180 690 180 875M380 795 180 690M565 680 570 900M775 760 565 680M970 660 955 900M1180 765 970 660M1390 670 1370 900M1600 900 1370 900"/></g><g fill="#A7C2BD" opacity=".75"><circle cx="190" cy="35" r="3"/><circle cx="365" cy="130" r="3"/><circle cx="545" cy="260" r="3"/><circle cx="755" cy="115" r="3"/><circle cx="925" cy="245" r="3"/><circle cx="1175" cy="110" r="3"/><circle cx="1360" cy="250" r="3"/><circle cx="180" cy="690" r="3"/><circle cx="380" cy="795" r="3"/><circle cx="565" cy="680" r="3"/><circle cx="775" cy="760" r="3"/><circle cx="970" cy="660" r="3"/><circle cx="1180" cy="765" r="3"/><circle cx="1390" cy="670" r="3"/></g></svg>
CSS background-image
.loose-mesh {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gN3TsyyG6IiE/amnt.svg");
  background-size: contain;
}
React
import LooseMeshSvg from "./loose-mesh.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Loose Mesh: Connect widely spaced points with thin diagonal lines to form irregular cells near the edges. as part of the pack Abstract Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

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

Settings