Add icons to this collection by clicking the heart icon.
Notebook icon - also known as notebook, pencil, workbook, edit, editing, symbol, edition, symbols, files and folders, and edit tools. Created in a clean gradient 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="539pt"
height="539pt"
viewBox="1 1 539.994 539"
>
<linearGradient id="a">
<stop offset="0" stop-color="#662d91" />
<stop offset=".437" stop-color="#3873b3" />
<stop offset="1" stop-color="#00c9dd" />
</linearGradient>
<linearGradient
id="b"
x1="36.747"
x2="603.349"
y1="-21.256"
y2="545.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="18.747"
x2="585.348"
y1="-3.256"
y2="563.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="36.747"
x2="603.348"
y1="-21.256"
y2="545.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="18.747"
x2="585.348"
y1="-3.256"
y2="563.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1=".747"
x2="567.348"
y1="14.744"
y2="581.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-17.253"
x2="549.348"
y1="32.743"
y2="599.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-35.253"
x2="531.348"
y1="50.744"
y2="617.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-53.253"
x2="513.349"
y1="68.743"
y2="635.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-71.253"
x2="495.348"
y1="86.744"
y2="653.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-100.503"
x2="466.099"
y1="115.993"
y2="682.595"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M530.996.496H9c-4.969 0-9 4.031-9 9v405a9 9 0 0 0 9 9h288v72a9 9 0 0 0 16.027 5.625L342 464.895l28.973 36.218c3.101 3.88 8.765 4.512 12.648 1.407a8.997 8.997 0 0 0 3.379-7.024v-54h45v90a9 9 0 0 0 9 9h54a9 9 0 0 0 9-9v-108h27c4.969 0 9-4.031 9-9v-405c-.004-4.969-4.031-9-9.004-9zM18 18.496h243v387H18zm261 387v-387h18v387zm90 64.34-19.973-24.965a9.304 9.304 0 0 0-14.058 0l-19.973 24.965V18.496h54v451.34zm80.996-206.215 3.504-7.004a33.375 33.375 0 0 0 28.996 0l3.504 7.004v204.875h-36V263.621zm11.524-23.031L468 227.62l6.477 12.969a16.443 16.443 0 0 1-12.957 0zm-11.524 281.906v-36h36v36zm72-117h-18v-144a9.015 9.015 0 0 0-.898-4.023l-27-54c-2.653-4.45-8.41-5.907-12.86-3.25a9.38 9.38 0 0 0-3.25 3.25l-27 54a9.07 9.07 0 0 0-.992 4.023v162H387v-225h44.996c4.973 0 9-4.027 9-9a9 9 0 0 0-9-9H387v-18h107.996c4.973 0 9-4.031 9-9s-4.027-9-9-9H387v-18h107.996a9 9 0 0 0 9-9c0-4.973-4.027-9-9-9H387v-18h107.996a9 9 0 0 0 9-9c0-4.973-4.027-9-9-9H387v-54h134.996zm0 0"
/>
<path
fill="url(#c)"
d="M45 54.496h45a9 9 0 1 0 0-18H45a9 9 0 1 0 0 18zm0 0"
/>
<path
fill="url(#d)"
d="M45 90.496h189a9 9 0 1 0 0-18H45a9 9 0 1 0 0 18zm0 0"
/>
<path
fill="url(#e)"
d="M234 108.496H45c-4.969 0-9 4.027-9 9s4.027 9 9 9h189c4.969 0 9-4.027 9-9s-4.031-9-9-9zm0 0"
/>
<path
fill="url(#f)"
d="M234 144.496H45a9 9 0 1 0 0 18h189a9 9 0 1 0 0-18zm0 0"
/>
<path
fill="url(#g)"
d="M234 180.496H45a9 9 0 0 0-9 9 9 9 0 0 0 9 9h189a9 9 0 1 0 0-18zm0 0"
/>
<path
fill="url(#h)"
d="M234 216.496H45a9 9 0 1 0 0 18h189a9 9 0 1 0 0-18zm0 0"
/>
<path
fill="url(#i)"
d="M234 252.496H45c-4.969 0-9 4.027-9 9s4.027 9 9 9h189c4.969 0 9-4.027 9-9s-4.031-9-9-9zm0 0"
/>
<path
fill="url(#j)"
d="M234 288.496H45c-4.969 0-9 4.027-9 9s4.027 9 9 9h189c4.969 0 9-4.027 9-9s-4.031-9-9-9zm0 0"
/>
<path
fill="url(#k)"
d="M189 324.496H45a9 9 0 0 0-9 9 9 9 0 0 0 9 9h144a9 9 0 1 0 0-18zm0 0"
/>
</svg>
More icons in the same style and category