Menu

Beta
Sign in
Olive Grid SVG element, line

Olive Grid SVG element, line

Four square photo openings sit in a two-by-two grid, with olive sprigs at the corners and a blank heading panel. Use it for boutonniere galleries and florist social media stories.

Free · from Wedding Florist Story Frames, Line

Similar SVGs

More from Wedding Florist Story Frames, Line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dYKMLDXHBJKs/amnt.svg" alt="Olive Grid" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 1024" width="512" height="1024"><g id="layer-1" data-name="Rectangle 1"><path d="M64 82L448 82C449.1 82 450 82.9 450 84L450 206C450 207.1 449.1 208 448 208L64 208C62.9 208 62 207.1 62 206L62 84C62 82.9 62.9 82 64 82Z" fill="none" stroke="#839783" stroke-width="1.4"/></g><g id="layer-2" data-name="Rectangle 2"><path d="M71 90L441 90C441.55 90 442 90.45 442 91L442 199C442 199.55 441.55 200 441 200L71 200C70.45 200 70 199.55 70 199L70 91C70 90.45 70.45 90 71 90Z" fill="none" stroke="#aab8a6" stroke-width="0.7"/></g><g id="layer-3" data-name="Group 3"><path d="M44 278L244 278L244 478L44 478Z" fill="none" stroke="#839783" stroke-width="1.4"/><path d="M268 278L468 278L468 478L268 478Z" fill="none" stroke="#839783" stroke-width="1.4"/><path d="M44 510L244 510L244 710L44 710Z" fill="none" stroke="#839783" stroke-width="1.4"/><path d="M268 510L468 510L468 710L268 710Z" fill="none" stroke="#839783" stroke-width="1.4"/></g><g id="layer-4" data-name="Group 4"><path d="M49 283L239 283L239 473L49 473Z" fill="none" stroke="#b5c2b1" stroke-width="0.65"/><path d="M273 283L463 283L463 473L273 473Z" fill="none" stroke="#b5c2b1" stroke-width="0.65"/><path d="M49 515L239 515L239 705L49 705Z" fill="none" stroke="#b5c2b1" stroke-width="0.65"/><path d="M273 515L463 515L463 705L273 705Z" fill="none" stroke="#b5c2b1" stroke-width="0.65"/></g><g id="layer-5" data-name="Copy 5" transform="matrix(0.996195 0.087156 -0.087156 0.996195 39 276)"><path d="M0 0C13 -12 24 -28 30 -50C34 -64 35 -77 32 -90" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 -10C2 -13 -3 -20 -4 -28C5 -27 12 -22 15 -17" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 -23C27 -23 35 -28 39 -36C30 -37 22 -33 18 -28" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M25 -39C18 -44 15 -52 16 -60C24 -57 29 -51 30 -46" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 -55C38 -58 44 -65 45 -74C37 -72 32 -67 30 -61" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 -72C27 -77 25 -84 26 -91C32 -88 36 -82 36 -77" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.3 -23C20.3 -21.73 19.27 -20.7 18 -20.7C16.73 -20.7 15.7 -21.73 15.7 -23C15.7 -24.27 16.73 -25.3 18 -25.3C19.27 -25.3 20.3 -24.27 20.3 -23Z" fill="#839783"/><path d="M31 -51C31 -49.9 30.1 -49 29 -49C27.9 -49 27 -49.9 27 -51C27 -52.1 27.9 -53 29 -53C30.1 -53 31 -52.1 31 -51Z" fill="#839783"/></g><g id="layer-6" data-name="Copy 6" transform="matrix(-0.996195 0.087156 0.087156 0.996195 473 276)"><path d="M0 0C13 -12 24 -28 30 -50C34 -64 35 -77 32 -90" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 -10C2 -13 -3 -20 -4 -28C5 -27 12 -22 15 -17" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 -23C27 -23 35 -28 39 -36C30 -37 22 -33 18 -28" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M25 -39C18 -44 15 -52 16 -60C24 -57 29 -51 30 -46" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 -55C38 -58 44 -65 45 -74C37 -72 32 -67 30 -61" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 -72C27 -77 25 -84 26 -91C32 -88 36 -82 36 -77" fill="none" stroke="#839783" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.3 -23C20.3 -21.73 19.27 -20.7 18 -20.7C16.73 -20.7 15.7 -21.73 15.7 -23C15.7 -24.27 16.73 -25.3 18 -25.3C19.27 -25.3 20.3 -24.27 20.3 -23Z" fill="#839783"/><path d="M31 -51C31 -49.9 30.1 -49 29 -49C27.9 -49 27 -49.9 27 -51C
…
CSS background-image
.olive-grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dYKMLDXHBJKs/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.olive-grid {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dYKMLDXHBJKs/amnt.svg") center / contain no-repeat;
}
React
import OliveGridSvg from "./olive-grid.jsx"; // from the React tab above

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

Tags

weddingfloristboutonniereolivephoto grid

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw a 1:2 botanical wedding florist story frame for a boutonniere collection: four transparent square photo openings in a two-by-two arrangement, small olive sprigs decorating the outer corners, and a blank heading panel above. Use fine sage-green outlines with no text or embedded photos. as part of the pack Wedding Florist Story Frames, Line. 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