Menu

Beta
Sign in
Reading Time SVG icon, rounded

Reading Time SVG icon, rounded

An open book with a bookmark and short page lines marks a reading activity. Use it on a classroom schedule board or in a reading-center sign.

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/5IIFUCyNx-TI/amnt.svg" alt="Reading 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="Shape 1"><path d="M256 185C215 160 156 153 88 160C81.06 161 75.93 166.99 76 174L76 351C75.99 354.89 77.6 358.61 80.45 361.27C83.29 363.93 87.12 365.28 91 365C158 358 214 366 256 391L256 185Z" fill="#fff9f0" stroke="#263238" stroke-width="12" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M256 185C297 160 356 153 424 160C430.94 161 436.07 166.99 436 174L436 351C436.01 354.89 434.4 358.61 431.55 361.27C428.71 363.93 424.88 365.28 421 365C354 358 298 366 256 391L256 185Z" fill="#71d6cc" stroke="#263238" stroke-width="12" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M256 185L256 391" fill="none" stroke="#263238" stroke-width="12" stroke-linecap="round"/></g><g id="layer-4" data-name="Shape 4"><path d="M111 226L203 226M111 260L203 260M111 294L203 294" fill="none" stroke="#263238" stroke-width="12" stroke-linecap="round"/></g><g id="layer-5" data-name="Shape 5"><path d="M330 164L330 256L358 236L386 256L386 164" fill="#ff8277" stroke="#263238" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.reading-time {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5IIFUCyNx-TI/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.reading-time {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/5IIFUCyNx-TI/amnt.svg") center / contain no-repeat;
}
React
import ReadingTimeSvg from "./reading-time.jsx"; // from the React tab above

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

Tags

bookreadingclassroomschedule

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one reading-time classroom schedule icon: an open book with a bookmark ribbon and three short page lines. 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