Menu

Beta
Sign in
Puzzle Center SVG icon, line

Puzzle Center SVG icon, line

Four interlocking pieces form a compact square for puzzle time and hands-on problem solving. Use it on a classroom center board or in a teacher’s printable activity schedule.

Free · from Teacher Planner Activity Icons, Line

Similar SVGs

More from Teacher Planner Activity Icons, Line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BgwlUF40nw59/amnt.svg" alt="Puzzle Center" 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="Rectangle 1"><path d="M23 20L177 20C178.66 20 180 21.34 180 23L180 177C180 178.66 178.66 180 177 180L23 180C21.34 180 20 178.66 20 177L20 23C20 21.34 21.34 20 23 20Z" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M100 20L100 45C100 48 96 48 95 45C90 36 78 40 78 52C78 64 90 68 95 59C96 56 100 56 100 59L100 136C100 139 104 139 105 136C110 127 122 131 122 143C122 155 110 159 105 150C104 147 100 147 100 150L100 180" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M20 100L55 100C58 100 58 104 55 105C46 110 50 122 62 122C74 122 78 110 69 105C66 104 66 100 69 100L131 100C134 100 134 96 131 95C122 90 126 78 138 78C150 78 154 90 145 95C142 96 142 100 145 100L180 100" fill="none" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.puzzle-center {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BgwlUF40nw59/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.puzzle-center {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/BgwlUF40nw59/amnt.svg") center / contain no-repeat;
}
React
import PuzzleCenterSvg from "./puzzle-center.jsx"; // from the React tab above

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

Tags

puzzlejigsawpiecesproblemsolving

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one puzzle-center outline icon for a teacher planner: four large interlocking jigsaw pieces forming a compact square, with clearly defined tabs and sockets and no decorative details. Use consistent black strokes, rounded caps and joins, generous negative space, no text, no background, and a centered square composition legible at small planner size. as part of the pack Teacher Planner Activity Icons, 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