Add icons to this collection by clicking the heart icon.
Notebook icon - also known as book, diary, notebook, memory, heart, and love and romance. 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="15.515"
x2="16.515"
y1=".312"
y2="32.646"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="13.394"
x2="14.394"
y1=".378"
y2="32.711"
href="#a"
/>
<linearGradient
id="c"
x1="13.232"
x2="14.232"
y1=".383"
y2="32.716"
href="#a"
/>
<linearGradient
id="d"
x1="13.196"
x2="14.196"
y1=".384"
y2="32.718"
href="#a"
/>
<linearGradient
id="e"
x1="13.09"
x2="14.09"
y1=".387"
y2="32.721"
href="#a"
/>
<linearGradient
id="f"
x1="22.404"
x2="23.404"
y1=".099"
y2="32.433"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M27.76 1.4H4.24A2.842 2.842 0 0 0 1.4 4.24v23.52a2.842 2.842 0 0 0 2.84 2.84h23.52a2.842 2.842 0 0 0 2.84-2.84V4.24a2.842 2.842 0 0 0-2.84-2.84zm1.64 26.36a1.641 1.641 0 0 1-1.64 1.64H4.24a1.641 1.641 0 0 1-1.64-1.64V4.24A1.641 1.641 0 0 1 4.24 2.6h23.52a1.641 1.641 0 0 1 1.64 1.64z"
/>
<path
fill="url(#b)"
d="M13.739 10.078a1.823 1.823 0 0 0-2.377 2.752l1.952 1.952a.6.6 0 0 0 .849 0l1.952-1.952a1.823 1.823 0 0 0-2.376-2.752zm1.528 1.9-1.528 1.528-1.528-1.528a.623.623 0 1 1 .88-.881l.218.218a.6.6 0 0 0 .859 0l.218-.218a.623.623 0 1 1 .881.881z"
/>
<path
fill="url(#c)"
d="M18.286 7.4H9.143A1.743 1.743 0 0 0 7.4 9.143v13.714A1.742 1.742 0 0 0 9.143 24.6h9.143a1.743 1.743 0 0 0 1.743-1.743V9.143A1.743 1.743 0 0 0 18.286 7.4zm.543 15.457a.543.543 0 0 1-.543.543H9.143a.543.543 0 0 1-.543-.543V9.143a.543.543 0 0 1 .543-.543h9.143a.543.543 0 0 1 .543.543z"
/>
<path
fill="url(#d)"
d="M16 16.543h-4.571a.6.6 0 0 0 0 1.2H16a.6.6 0 1 0 0-1.2z"
/>
<path
fill="url(#e)"
d="M16 19.971h-4.571a.6.6 0 0 0 0 1.2H16a.6.6 0 1 0 0-1.2z"
/>
<path
fill="url(#f)"
d="M24 7.4h-2.286a.6.6 0 0 0-.6.6v13.486a.608.608 0 0 0 .054.248l1.143 2.514a.6.6 0 0 0 1.092 0l1.143-2.514a.593.593 0 0 0 .054-.248V8a.6.6 0 0 0-.6-.6zm-.6 13.956-.543 1.194-.543-1.194v-9.327H23.4zm0-10.527h-1.086V8.6H23.4z"
/>
</g>
</svg>
More icons in the same style and category