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 flat style with a white, silver, gray, 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="448"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fed0e3" />
<stop offset="1" stop-color="#9be8e6" />
</linearGradient>
<linearGradient
id="b"
x1="480"
x2="480"
y1="111.999"
y2="184"
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="432"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd847a" />
<stop offset=".208" stop-color="#fd957c" />
<stop offset=".727" stop-color="#fdbb82" />
<stop offset="1" stop-color="#fdca84" />
</linearGradient>
<g>
<path
fill="#f7bad6"
d="M400 416v64a32.036 32.036 0 0 1-32 32H16v-96z"
/>
<path
fill="#fed0e3"
d="M400 452v20a31.774 31.774 0 0 1-28 16H16v-16h356c8 0 28-11.18 28-20zM384 32h48v80h-48z"
/>
<path
fill="url(#a)"
d="M400 32v384a32.036 32.036 0 0 1-32 32H16V0h352a32.036 32.036 0 0 1 32 32z"
/>
<path
fill="#444a4c"
d="M488 120h-16v-16a8 8 0 0 1 8-8 8 8 0 0 1 8 8z"
/>
<path
fill="url(#b)"
d="M512 174.36V184h-64v-9.64l24.647-57.512a8 8 0 0 1 14.706 0z"
/>
<path fill="url(#c)" d="M448 176h64v256h-64z" />
<path fill="#fce2a9" d="M448 416h64v48h-64z" />
<path
fill="#edf3fc"
d="M480 512a32.036 32.036 0 0 1-32-32v-32h64v32a32.036 32.036 0 0 1-32 32z"
/>
<g fill="#83d6d2">
<path
d="M0 48h48v16H0zM0 96h48v16H0zM0 144h48v16H0zM0 192h48v16H0zM0 240h48v16H0zM0 288h48v16H0zM0 336h48v16H0zM0 384h48v16H0zM64 48h16v16H64zM64 96h16v16H64zM64 144h16v16H64zM64 192h16v16H64zM64 240h16v16H64zM64 288h16v16H64zM64 336h16v16H64zM64 384h16v16H64zM416 304h-80a48 48 0 0 1 0-96h80z"
/>
</g>
<path fill="#fff" d="M320 248h16v16h-16z" />
<path
fill="#fdca84"
d="M512 222.68v22.95l-64 65.84v-22.95zM512 268.6v45.91l-64 65.83v-45.9z"
/>
<rect width="240" height="112" x="112" y="48" fill="#83d6d2" rx="24" />
<path fill="#fff" d="M144 80h176v16H144zM144 112h176v16H144z" />
</g>
</svg>
More icons in the same style and category