Menu

Beta
Sign in
Beta
Octagon Grid SVG pattern, flat

Octagon Grid SVG pattern, flat

Large outlined octagons repeat with small squares filling the spaces between them. Use the layout for floor tile plans or geometry activity pages.

Free · from Grid Patterns, Flat

Similar SVGs

More from Grid Patterns, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3GfeHu5lNEuU/amnt.svg" alt="Octagon Grid" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#F5F1E8"/><g fill="none" stroke="#32647A" stroke-width="3" stroke-linejoin="miter"><path d="M15 0H85L100 15V85L85 100H15L0 85V15Z M115 0H185L200 15V85L185 100H115L100 85V15Z M15 100H85L100 115V185L85 200H15L0 185V115Z M115 100H185L200 115V185L185 200H115L100 185V115Z"/><path d="M0 -15L15 0L0 15L-15 0Z M100 -15L115 0L100 15L85 0Z M200 -15L215 0L200 15L185 0Z M0 85L15 100L0 115L-15 100Z M100 85L115 100L100 115L85 100Z M200 85L215 100L200 115L185 100Z M0 185L15 200L0 215L-15 200Z M100 185L115 200L100 215L85 200Z M200 185L215 200L200 215L185 200Z"/></g></svg>
CSS background-image
.octagon-grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3GfeHu5lNEuU/amnt.svg");
  background-size: 200px 200px;
}
React
import OctagonGridSvg from "./octagon-grid.jsx"; // from the React tab above

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

Tags

octagonssquaresgridgeometrygridspatternflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Octagon Grid: Large outlined octagons repeat with small square cells filling the spaces between them. as part of the pack Grid Patterns, 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