Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, notebook, school materials, notebooks, and stationery. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 42.52 42.52"
>
<path
fill="#6d6db1"
d="M35.543 40.13H9.569a.889.889 0 0 1-.889-.889V2.306c0-.491.398-.889.889-.889h25.973c.491 0 .889.398.889.889v36.935a.888.888 0 0 1-.888.889z"
/>
<path
fill="#f6f6f6"
d="M34.988 40.581H9.014a.889.889 0 0 1-.889-.889V2.757c0-.491.398-.889.889-.889h25.973c.491 0 .889.398.889.889v36.935a.889.889 0 0 1-.888.889z"
/>
<path
fill="#7879b8"
d="M34.068 41.102H8.095a.889.889 0 0 1-.889-.889V3.279c0-.491.398-.889.889-.889h25.973c.491 0 .889.398.889.889v36.935c0 .49-.398.888-.889.888z"
/>
<path
fill="#fff"
d="M32.356 38.14h-21.69a.125.125 0 0 1-.125-.125V5.286c0-.069.056-.125.125-.125h21.689c.069 0 .125.056.125.125v32.729a.124.124 0 0 1-.124.125zm-21.565-.25H32.23V5.411H10.791z"
/>
<circle cx="8.666" cy="5.137" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 5.483H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.228.228 0 0 1-.228.229z"
/>
<circle cx="8.666" cy="9.675" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 10.022H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.228.228 0 0 1-.228.229z"
/>
<circle cx="8.666" cy="14.213" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 14.56H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.228.228 0 0 1-.228.229z"
/>
<circle cx="8.666" cy="18.752" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 19.099H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.229.229 0 0 1-.228.229z"
/>
<circle cx="8.666" cy="23.29" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 23.637H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.228.228 0 0 1-.228.229z"
/>
<circle cx="8.666" cy="27.829" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 28.176H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.229.229 0 0 1-.228.229z"
/>
<circle cx="8.666" cy="32.367" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 32.714H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.228.228 0 0 1-.228.229z"
/>
<circle cx="8.666" cy="36.906" r=".693" fill="#42507e" />
<path
fill="#c6c6c6"
d="M8.921 37.252H6.317a.23.23 0 0 1-.229-.229v-.235a.23.23 0 0 1 .229-.229H8.92a.23.23 0 0 1 .229.229v.235a.228.228 0 0 1-.228.229z"
/>
</svg>
More icons in the same style and category