Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, study, notebook, teaching, note, note book, learn, and stationery. Created in a clean lineal color style with a white, silver, and pink finish, 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 512 512"
>
<linearGradient
id="a"
x1="208"
x2="208"
y1="440"
y2="8"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fed0e3" />
<stop offset="1" stop-color="#9be8e6" />
</linearGradient>
<linearGradient
id="b"
x1="480"
x2="480"
y1="120"
y2="176"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fce0c0" />
<stop offset="1" stop-color="#fff4e6" />
</linearGradient>
<linearGradient
id="c"
x1="480"
x2="480"
y1="176"
y2="424"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd847a" />
<stop offset="1" stop-color="#fdca84" />
</linearGradient>
<g>
<path fill="#fce0ed" d="M392 416v64a24 24 0 0 1-24 24H24v-88z" />
<path
fill="url(#a)"
d="M24 8h344a24 24 0 0 1 24 24v384a24 24 0 0 1-24 24H24V8z"
/>
<path
fill="#e1ebff"
d="M456 480a24 24 0 0 0 24 24 24 24 0 0 0 24-24v-24h-48z"
/>
<path fill="url(#b)" d="m480 120-24 56h48z" />
<path fill="url(#c)" d="M456 176h48v248h-48z" />
<path fill="#fce2a9" d="M456 424h48v32h-48z" />
<path fill="#fed0e3" d="M392 40h32v64h-32z" />
<rect width="224" height="96" x="120" y="56" fill="#83d6d2" rx="16" />
<path
fill="#9be8e6"
d="M336 216h72v80h-72a40 40 0 0 1-40-40 40 40 0 0 1 40-40z"
/>
<path
d="M368 0H16v48H0v16h16v32H0v16h16v32H0v16h16v32H0v16h16v32H0v16h16v32H0v16h16v32H0v16h16v32H0v16h16v112h352a32.036 32.036 0 0 0 32-32V304h16v-96h-16v-96h32V32h-32a32.036 32.036 0 0 0-32-32zm0 496H32v-16h336a31.793 31.793 0 0 0 16-4.305V480a16.019 16.019 0 0 1-16 16zm0-32H32v-16h336a31.793 31.793 0 0 0 16-4.305V448a16.019 16.019 0 0 1-16 16zm32-176h-64a32 32 0 0 1 0-64h64zm-64-80a48 48 0 0 0 0 96h48v112a16.019 16.019 0 0 1-16 16H32v-32h16v-16H32v-32h16v-16H32v-32h16v-16H32v-32h16v-16H32v-32h16v-16H32v-32h16v-16H32v-32h16V96H32V64h16V48H32V16h336a16.019 16.019 0 0 1 16 16v176zm80-160v48h-16V48zM488 118.358V96h-16v22.358l-24 56V480a32 32 0 0 0 64 0V174.358zM464 416V184h32v232zm32 16v16h-32v-16zm-27.868-264L480 140.309 491.868 168zM480 496a16.019 16.019 0 0 1-16-16v-16h32v16a16.019 16.019 0 0 1-16 16z"
/>
<path
d="M328 48H136a24.027 24.027 0 0 0-24 24v64a24.027 24.027 0 0 0 24 24h192a24.027 24.027 0 0 0 24-24V72a24.027 24.027 0 0 0-24-24zm8 88a8.009 8.009 0 0 1-8 8H136a8.009 8.009 0 0 1-8-8V72a8.009 8.009 0 0 1 8-8h192a8.009 8.009 0 0 1 8 8z"
/>
<g fill="#fff">
<path
d="M64 48h16v16H64zM64 96h16v16H64zM64 144h16v16H64zM64 192h16v16H64zM64 240h16v16H64zM64 288h16v16H64zM64 336h16v16H64zM64 384h16v16H64zM144 80h176v16H144zM144 112h176v16H144zM320 248h16v16h-16z"
/>
</g>
</g>
</svg>
More icons in the same style and category