Menu

Beta
Sign in
Quartered Circles SVG pattern, flat

Quartered Circles SVG pattern, flat

Large ivory circles sit on a navy grid, divided into seafoam and ivory quadrants that turn between neighboring circles. The design works on beach towels for a family shoreline visit or poolside loungers at a hotel.

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/rrhjwl6t2xy1/amnt.svg" alt="Quartered Circles" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200"><g id="layer-1" data-name="Group 1"><path d="M0 0L0 200M100 0L100 200M200 0L200 200M0 0L200 0M0 100L200 100M0 200L200 200" fill="none" stroke="#172b49" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M93 50C93 73.75 73.75 93 50 93C26.25 93 7 73.75 7 50C7 26.25 26.25 7 50 7C73.75 7 93 26.25 93 50Z" fill="#fff4df" stroke="#172b49" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M50 50L50 7C73.75 7 93 26.25 93 50ZM50 50L50 93C26.25 93 7 73.75 7 50Z" fill="#9ddccb"/><path d="M7 50L93 50M50 7L50 93" fill="none" stroke="#172b49" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M193 50C193 73.75 173.75 93 150 93C126.25 93 107 73.75 107 50C107 26.25 126.25 7 150 7C173.75 7 193 26.25 193 50Z" fill="#fff4df" stroke="#172b49" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M150 50L150 7C126.25 7 107 26.25 107 50ZM150 50L150 93C173.75 93 193 73.75 193 50Z" fill="#9ddccb"/><path d="M107 50L193 50M150 7L150 93" fill="none" stroke="#172b49" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M93 150C93 173.75 73.75 193 50 193C26.25 193 7 173.75 7 150C7 126.25 26.25 107 50 107C73.75 107 93 126.25 93 150Z" fill="#fff4df" stroke="#172b49" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M50 150L50 107C26.25 107 7 126.25 7 150ZM50 150L50 193C73.75 193 93 173.75 93 150Z" fill="#9ddccb"/><path d="M7 150L93 150M50 107L50 193" fill="none" stroke="#172b49" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M193 150C193 173.75 173.75 193 150 193C126.25 193 107 173.75 107 150C107 126.25 126.25 107 150 107C173.75 107 193 126.25 193 150Z" fill="#fff4df" stroke="#172b49" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M150 150L150 107C173.75 107 193 126.25 193 150ZM150 150L150 193C126.25 193 107 173.75 107 150Z" fill="#9ddccb"/><path d="M107 150L193 150M150 107L150 193" fill="none" stroke="#172b49" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.quartered-circles {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rrhjwl6t2xy1/amnt.svg");
  background-size: 200px 200px;
}
React
import QuarteredCirclesSvg from "./quartered-circles.jsx"; // from the React tab above

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

Tags

circlesquadrantsgridnavyseafoam

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one square seamless SVG pattern for beach tote sublimation featuring large ivory circles on a navy square grid, each circle divided into four alternating seafoam and ivory quadrants. Rotate neighboring circle divisions by ninety degrees, use flat fills, omit text, and match all opposite edges. 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