Menu

Beta
Sign in
Herringbone Blocks SVG pattern, flat

Herringbone Blocks SVG pattern, flat

Short coral, sand, and ivory blocks form a herringbone arrangement with narrow navy gaps. Use this repeating pattern on beach blankets for a day by the sea or bags for shopping at a harbor market.

Free · from Coastal Cabana Patterns

Similar SVGs

More from Coastal Cabana Patterns

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/loPcXOpEAynt/amnt.svg" alt="Herringbone Blocks" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480" width="480" height="480"><g id="layer-1" data-name="Shape 1"><g><defs><pattern id="k0_0" width="240" height="240" patternUnits="userSpaceOnUse"><g stroke="#142c43" stroke-width="6" stroke-linejoin="miter"><rect x="0" y="0" width="120" height="60" fill="#f17d70"/><rect x="120" y="0" width="60" height="120" fill="#dec49a"/><rect x="-60" y="60" width="120" height="60" fill="#fff4df"/><rect x="180" y="60" width="120" height="60" fill="#fff4df"/><rect x="60" y="60" width="60" height="120" fill="#f17d70"/><rect x="120" y="120" width="120" height="60" fill="#dec49a"/><rect x="0" y="120" width="60" height="120" fill="#fff4df"/><rect x="60" y="180" width="120" height="60" fill="#f17d70"/><rect x="180" y="180" width="60" height="120" fill="#dec49a"/><rect x="180" y="-60" width="60" height="120" fill="#dec49a"/></g></pattern></defs><path d="M0 0H480V480H0Z" fill="url(#k0_0)"/></g></g></svg>
CSS background-image
.herringbone-blocks {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/loPcXOpEAynt/amnt.svg");
  background-size: 200px 200px;
}
React
import HerringboneBlocksSvg from "./herringbone-blocks.jsx"; // from the React tab above

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

Tags

herringboneblockscoralsandnavy

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Create one square seamless SVG pattern for beach tote sublimation featuring a herringbone arrangement of short rectangular blocks in coral, sand, and ivory, with narrow navy gaps between blocks. Use crisp flat shapes, no texture or text, and an exact seamless repeat. as part of the pack Coastal Cabana Patterns. 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