Menu

Beta
Sign in
Lunch Time SVG icon, rounded

Lunch Time SVG icon, rounded

A compartment lunch tray holds a sandwich triangle and an apple. Use the image on a classroom schedule board or a school cafeteria menu.

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/oxZSrfQP7ILG/amnt.svg" alt="Lunch Time" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Group 1"><path d="M106 116L406 116C426.99 116 444 133.01 444 154L444 358C444 378.99 426.99 396 406 396L106 396C85.01 396 68 378.99 68 358L68 154C68 133.01 85.01 116 106 116Z" fill="#62cfc8" stroke="#25343b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M113 136L270 136C283.81 136 295 147.19 295 161L295 351C295 364.81 283.81 376 270 376L113 376C99.19 376 88 364.81 88 351L88 161C88 147.19 99.19 136 113 136Z" fill="#fff7e8" stroke="#25343b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M336 136L399 136C412.81 136 424 147.19 424 161L424 351C424 364.81 412.81 376 399 376L336 376C322.19 376 311 364.81 311 351L311 161C311 147.19 322.19 136 336 136Z" fill="#fff7e8" stroke="#25343b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M119 316L192 188L267 316L119 316Z" fill="#f3bd83" stroke="#25343b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M130 298L254 298" fill="none" stroke="#ef796b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M333 246C333 226 346 214 361 214C370 214 375 219 378 219C381 219 386 214 395 214C410 214 423 226 423 246C423 283 402 318 378 318C354 318 333 283 333 246Z" fill="#ef796b" stroke="#25343b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M378 217L378 193" fill="none" stroke="#25343b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M378 201C383 187 397 182 408 187C404 201 392 209 378 209" fill="#62cfc8" stroke="#25343b" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.lunch-time {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oxZSrfQP7ILG/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.lunch-time {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oxZSrfQP7ILG/amnt.svg") center / contain no-repeat;
}
React
import LunchTimeSvg from "./lunch-time.jsx"; // from the React tab above

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

Tags

lunchtraysandwichapple

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one lunch-time classroom schedule icon: a rounded compartment lunch tray holding a simple sandwich triangle and an apple. Use 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