Menu

Beta
Sign in
Spiral Notebook SVG icon, solid

Spiral Notebook SVG icon, solid

A closed spiral notebook with oversized binding loops and a blank cover panel. Use it to label notebook bins in classrooms or student work shelves in school libraries.

Free · from Classroom Supply Icons, Solid

Similar SVGs

More from Classroom Supply Icons, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HvKOILvPBTGh/amnt.svg" alt="Spiral Notebook" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="1000" height="1000"><g id="layer-1" data-name="Shape 1"><path d="M285 150L820 150C850.38 150 875 174.62 875 205L875 795C875 825.38 850.38 850 820 850L285 850C254.62 850 230 825.38 230 795L230 205C230 174.62 254.62 150 285 150ZM400 335L400 665L775 665L775 335L400 335Z" fill="#000000" fill-rule="evenodd"/></g><g id="layer-2" data-name="Group 2"><path d="M290 230L225 230C201.8 230 183 248.8 183 272C183 295.2 201.8 314 225 314L290 314" fill="none" stroke="#000000" stroke-width="38" stroke-linecap="round"/><path d="M290 345L225 345C201.8 345 183 363.8 183 387C183 410.2 201.8 429 225 429L290 429" fill="none" stroke="#000000" stroke-width="38" stroke-linecap="round"/><path d="M290 460L225 460C201.8 460 183 478.8 183 502C183 525.2 201.8 544 225 544L290 544" fill="none" stroke="#000000" stroke-width="38" stroke-linecap="round"/><path d="M290 575L225 575C201.8 575 183 593.8 183 617C183 640.2 201.8 659 225 659L290 659" fill="none" stroke="#000000" stroke-width="38" stroke-linecap="round"/><path d="M290 690L225 690C201.8 690 183 708.8 183 732C183 755.2 201.8 774 225 774L290 774" fill="none" stroke="#000000" stroke-width="38" stroke-linecap="round"/></g></svg>
CSS background-image
.spiral-notebook {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HvKOILvPBTGh/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.spiral-notebook {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HvKOILvPBTGh/amnt.svg") center / contain no-repeat;
}
React
import SpiralNotebookSvg from "./spiral-notebook.jsx"; // from the React tab above

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

Tags

notebookspiralschoolstationery

Made with AMNT

AMNT SVG 1.1 drew this from the words A classroom notebook bin label icon showing a closed spiral notebook with five oversized binding loops and a blank rectangular cover panel. Solid single-color vector silhouette with clear negative-space details, centered square composition, transparent background, no text, suitable for vinyl cutting. as part of the pack Classroom Supply Icons, Solid. 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