Math Time SVG icon, rounded

Math Time SVG icon, rounded

Three counting blocks show a plus sign, an equals sign, and counting dots. Use the symbol on a classroom schedule or a math activity station sign.

Similar SVGs

More from Classroom Schedule Icons

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oyzUkY4hS6qb/amnt.svg" alt="Math Time" 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="M25 15L51 15C55.97 15 60 19.03 60 24L60 50C60 54.97 55.97 59 51 59L25 59C20.03 59 16 54.97 16 50L16 24C16 19.03 20.03 15 25 15Z" fill="#7edbd1" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M38 27L38 47M28 37L48 37" fill="none" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M77 15L103 15C107.97 15 112 19.03 112 24L112 50C112 54.97 107.97 59 103 59L77 59C72.03 59 68 54.97 68 50L68 24C68 19.03 72.03 15 77 15Z" fill="#ffad9b" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Shape 4"><path d="M80 32L100 32M80 42L100 42" fill="none" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Rectangle 5"><path d="M51 69L77 69C81.97 69 86 73.03 86 78L86 104C86 108.97 81.97 113 77 113L51 113C46.03 113 42 108.97 42 104L42 78C42 73.03 46.03 69 51 69Z" fill="#fff3da" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-6" data-name="Circle 6"><path d="M60 85C60 87.21 58.21 89 56 89C53.79 89 52 87.21 52 85C52 82.79 53.79 81 56 81C58.21 81 60 82.79 60 85Z" fill="#7edbd1" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-7" data-name="Circle 7"><path d="M76 85C76 87.21 74.21 89 72 89C69.79 89 68 87.21 68 85C68 82.79 69.79 81 72 81C74.21 81 76 82.79 76 85Z" fill="#ffad9b" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-8" data-name="Circle 8"><path d="M68 99C68 101.21 66.21 103 64 103C61.79 103 60 101.21 60 99C60 96.79 61.79 95 64 95C66.21 95 68 96.79 68 99Z" fill="#7edbd1" stroke="#26343b" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.math-time {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oyzUkY4hS6qb/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.math-time {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oyzUkY4hS6qb/amnt.svg") center / contain no-repeat;
}
React
import MathTimeSvg from "./math-time.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one math-time classroom schedule icon: three rounded counting blocks arranged in a compact cluster, displaying a plus sign, an equals sign, and three large counting dots. Use thick uniform dark outlines, cheerful teal and coral accents, and a transparent square canvas. Center the isolated symbol with generous margins; no words, border, shading, or tiny details. as part of the pack Classroom Schedule Icons. 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