Add icons to this collection by clicking the heart icon.
Notebook icon - also known as education, book, bookmark, notebook, address book, agenda, and files and folders. 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="b"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9100" />
<stop offset="1" stop-color="#ff5d00" />
</linearGradient>
<linearGradient
id="c"
x1="353.041"
x2="411.265"
y1="129.2"
y2="187.424"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdbf00" />
<stop offset="1" stop-color="#ff9f00" />
</linearGradient>
<linearGradient
id="d"
x1="353.041"
x2="411.265"
y1="207.48"
y2="265.704"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9cdd05" />
<stop offset="1" stop-color="#79ab03" />
</linearGradient>
<linearGradient
id="e"
x1="353.041"
x2="411.265"
y1="285.759"
y2="343.984"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7816" />
<stop offset="1" stop-color="#ff4b00" />
</linearGradient>
<linearGradient
id="f"
x1="134.375"
x2="387.329"
y1="114.967"
y2="367.921"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9ee2f8" />
<stop offset="1" stop-color="#2fc0f0" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e7e7e7" />
<stop offset="1" stop-color="#d3d3d8" />
</linearGradient>
<linearGradient
id="g"
x1="192.762"
x2="319.238"
y1="114.805"
y2="241.282"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="48.297"
x2="215.081"
y1="159.894"
y2="326.678"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6f5654" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<linearGradient
id="i"
x1="166.88"
x2="323.334"
y1="314.277"
y2="470.731"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#68544f" />
<stop offset="1" stop-color="#3e322e" />
</linearGradient>
<linearGradient
id="j"
x1="256"
x2="314.225"
y1="266.351"
y2="324.576"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="256"
x2="314.225"
y1="305.167"
y2="363.392"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="180.21"
x2="308.369"
y1="328.425"
y2="456.584"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path fill="url(#c)" d="M411.266 187.426h-58.227v-58.227h58.227zm0 0" />
<path fill="url(#d)" d="M411.266 265.703h-58.227V207.48h58.227zm0 0" />
<path fill="url(#e)" d="M411.266 343.984h-58.227v-58.226h58.227zm0 0" />
<path
fill="url(#f)"
d="M372.45 90.383V382.8h-232.9V117.359l19.41-26.976zm0 0"
/>
<path fill="url(#g)" d="M178.367 129.2v97.687h155.266v-97.688zm0 0" />
<path
fill="url(#h)"
d="M120.145 392.504h-19.41V119.496c0-16.055 13.058-29.113 29.113-29.113h29.113V382.8h-29.113c-5.356 0-9.703 4.347-9.703 9.703zm0 0"
/>
<path
fill="url(#i)"
d="M353.04 392.504c0 5.433 4.272 9.703 9.706 9.703h9.703v19.41H129.848c-16.11 0-29.114-13.004-29.114-29.113s13.004-29.113 29.114-29.113h242.601v19.41h-9.703c-5.433 0-9.707 4.27-9.707 9.703zm0 0"
/>
<path fill="url(#j)" d="M236.594 285.758h97.039v19.41h-97.04zm0 0" />
<path fill="url(#k)" d="M236.594 324.574h97.039v19.41h-97.04zm0 0" />
<path
fill="#2fc0f0"
d="M256 168.016h38.816v19.41H256zM217.184 168.016h19.41v19.41h-19.41zm0 0"
/>
<path
fill="url(#l)"
d="M362.746 402.207H129.848c-5.352 0-9.703-4.352-9.703-9.703 0-5.352 4.351-9.703 9.703-9.703h232.898c-5.433 0-9.707 4.27-9.707 9.703s4.274 9.703 9.707 9.703zm0 0"
/>
</svg>
More icons in the same style and category