Menu

Beta
Sign in
Math Centers SVG icon, line

Math Centers SVG icon, line

Three rows of beads on a compact abacus represent hands-on counting and math centers. Use it on a classroom rotation board or in an elementary teacher’s lesson plan.

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/DfhaM_oTXIkK/amnt.svg" alt="Math Centers" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128"><g id="layer-1" data-name="Rectangle 1"><path d="M21 16L107 16C109.76 16 112 18.24 112 21L112 107C112 109.76 109.76 112 107 112L21 112C18.24 112 16 109.76 16 107L16 21C16 18.24 18.24 16 21 16Z" fill="none" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M20 40L108 40M20 64L108 64M20 88L108 88" fill="none" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Group 3"><path d="M51 40C51 44.42 47.42 48 43 48C38.58 48 35 44.42 35 40C35 35.58 38.58 32 43 32C47.42 32 51 35.58 51 40Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M73 40C73 44.42 69.42 48 65 48C60.58 48 57 44.42 57 40C57 35.58 60.58 32 65 32C69.42 32 73 35.58 73 40Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 64C47 68.42 43.42 72 39 72C34.58 72 31 68.42 31 64C31 59.58 34.58 56 39 56C43.42 56 47 59.58 47 64Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M70 64C70 68.42 66.42 72 62 72C57.58 72 54 68.42 54 64C54 59.58 57.58 56 62 56C66.42 56 70 59.58 70 64Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M93 64C93 68.42 89.42 72 85 72C80.58 72 77 68.42 77 64C77 59.58 80.58 56 85 56C89.42 56 93 59.58 93 64Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 88C42 92.42 38.42 96 34 96C29.58 96 26 92.42 26 88C26 83.58 29.58 80 34 80C38.42 80 42 83.58 42 88Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M62 88C62 92.42 58.42 96 54 96C49.58 96 46 92.42 46 88C46 83.58 49.58 80 54 80C58.42 80 62 83.58 62 88Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M82 88C82 92.42 78.42 96 74 96C69.58 96 66 92.42 66 88C66 83.58 69.58 80 74 80C78.42 80 82 83.58 82 88Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M102 88C102 92.42 98.42 96 94 96C89.58 96 86 92.42 86 88C86 83.58 89.58 80 94 80C98.42 80 102 83.58 102 88Z" fill="#ffffff" stroke="#000000" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.math-centers {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DfhaM_oTXIkK/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.math-centers {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DfhaM_oTXIkK/amnt.svg") center / contain no-repeat;
}
React
import MathCentersSvg from "./math-centers.jsx"; // from the React tab above

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

Tags

abacusmathcountingnumbers

Made with AMNT

AMNT SVG 1.1 drew this from the words Create one math-centers outline icon for a printable classroom visual schedule: a compact counting abacus with three horizontal rods and a different number of large beads on each rod. 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