Menu

Beta
Sign in
Recess Time SVG icon, rounded

Recess Time SVG icon, rounded

A playground slide features three ladder rungs and a smooth curved chute. Use this symbol on a classroom daily schedule or a school playground rules board.

Free · from Classroom Schedule Icons

Similar SVGs

More from Classroom Schedule Icons

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Vok2WDzAixyk/amnt.svg" alt="Recess Time" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="256" height="256"><g id="layer-1" data-name="Group 1"><path d="M128 87C150 88 162 103 169 129C178 160 192 178 215 186L208 209C175 200 154 178 144 146C136 120 132 107 117 105Z" fill="#ff806f" stroke="#26343b" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/><path d="M54 209L88 91L131 91L97 209" fill="none" stroke="#26343b" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/><path d="M78 126L121 126M70 155L113 155M62 184L105 184" fill="none" stroke="#26343b" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/><path d="M94 75L135 75C140.52 75 145 79.48 145 85L145 90C145 95.52 140.52 100 135 100L94 100C88.48 100 84 95.52 84 90L84 85C84 79.48 88.48 75 94 75Z" fill="#55c9bc" stroke="#26343b" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/><path d="M54 209L88 91M97 209L131 91" fill="none" stroke="#26343b" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.recess-time {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Vok2WDzAixyk/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.recess-time {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Vok2WDzAixyk/amnt.svg") center / contain no-repeat;
}
React
import RecessTimeSvg from "./recess-time.jsx"; // from the React tab above

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

Tags

playgroundsliderecessschool

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one recess-time classroom schedule icon: a simple playground slide with three broad ladder rungs and a smooth curved chute. Use rounded geometric shapes, thick uniform dark outlines, cheerful teal and coral accents, and a transparent square canvas. Center the isolated symbol with generous margins; no text, 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