Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, education, book, bookmark, notebook, address book, agenda, and story. Created in a clean gradient style with a white, silver, and purple 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbed96" />
<stop offset="1" stop-color="#7dd636" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path d="M116.28 87.11h284.81v337.78H116.28z" fill="#4f0953" />
<path d="M116.28 87.11h274.83v337.78H116.28z" fill="#fff" />
<path d="M251.17 87.11h141.5v337.78h-141.5z" fill="#d5ed9a" />
<path d="M251.17 87.11h133v337.78h-133z" fill="#fff" />
<linearGradient
id="b"
x1="116.28"
x2="370.32"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ad1e9e" />
<stop offset="1" stop-color="#5c0254" />
</linearGradient>
<path d="M116.28 87.11h254.04v337.78H116.28z" fill="url(#b)" />
<linearGradient
id="c"
x1="87.58"
x2="144.973"
y1="161.472"
y2="161.472"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset="1" stop-color="#00fef6" />
</linearGradient>
<path
d="M131.78 366.17h-31.007c-7.286 0-13.193-5.907-13.193-13.193v-.899c0-7.286 5.907-13.193 13.193-13.193h31.007c7.286 0 13.193 5.906 13.193 13.193v.899c0 7.287-5.907 13.193-13.193 13.193z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="87.58"
x2="144.973"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset="1" stop-color="#00fef6" />
</linearGradient>
<path
d="M131.78 269.642h-31.007c-7.286 0-13.193-5.907-13.193-13.193v-.899c0-7.286 5.907-13.193 13.193-13.193h31.007c7.286 0 13.193 5.907 13.193 13.193v.899c0 7.287-5.907 13.193-13.193 13.193z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="87.58"
x2="144.973"
y1="354.529"
y2="354.529"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset="1" stop-color="#00fef6" />
</linearGradient>
<path
d="M131.78 173.114h-31.007c-7.286 0-13.193-5.906-13.193-13.193v-.899c0-7.286 5.907-13.193 13.193-13.193h31.007c7.286 0 13.193 5.907 13.193 13.193v.899c0 7.287-5.907 13.193-13.193 13.193z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="180.27"
x2="318.58"
y1="308.155"
y2="308.155"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00eed0" />
<stop offset="1" stop-color="#00af94" />
</linearGradient>
<path d="M180.27 126.91h138.31v157.87H180.27z" fill="url(#f)" />
</svg>
More icons in the same style and category