Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, business, bookmark, notebook, address book, agenda, and ui. Created in a clean blue style with a white and silver 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"
>
<path d="M68.267 8.533h375.467v494.933H68.267z" fill="#a4c2f7" />
<path d="M110.933 8.533H68.267v494.934H136.533V8.533z" fill="#a4c2f7" />
<path d="M136.533 8.533h281.6v494.933h-281.6z" fill="#e3e7f2" />
<linearGradient
id="a"
x1="-48.625"
x2="-47.853"
y1="651.851"
y2="650.434"
gradientTransform="matrix(187.7333 0 0 -102.4 9346.197 66822.07)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path d="M358.4 93.867H196.267v102.4H384v-102.4z" fill="url(#a)" />
<path d="M76.8 8.533h17.067v494.933H76.8z" fill="#fff" />
<path
d="M443.733 512H68.267a8.525 8.525 0 0 1-8.533-8.533V8.533A8.525 8.525 0 0 1 68.267 0h375.467a8.525 8.525 0 0 1 8.533 8.533v494.933a8.526 8.526 0 0 1-8.534 8.534zM76.8 494.933h358.4V17.067H76.8v477.866z"
fill="#428dff"
/>
<path
d="M136.533 512H68.267a8.525 8.525 0 0 1-8.533-8.533V8.533A8.525 8.525 0 0 1 68.267 0h68.267a8.525 8.525 0 0 1 8.533 8.533v494.933a8.526 8.526 0 0 1-8.534 8.534zM76.8 494.933H128V17.067H76.8v477.866zM384 204.8H196.267a8.525 8.525 0 0 1-8.533-8.533v-102.4a8.525 8.525 0 0 1 8.533-8.533H384a8.525 8.525 0 0 1 8.533 8.533v102.4A8.525 8.525 0 0 1 384 204.8zm-179.2-17.067h170.667V102.4H204.8v85.333z"
fill="#428dff"
/>
<path
d="M349.867 136.533H230.4a8.533 8.533 0 0 1 0-17.066h119.467a8.533 8.533 0 0 1 0 17.066zM349.867 170.667H230.4a8.533 8.533 0 0 1 0-17.066h119.467a8.533 8.533 0 0 1 0 17.066z"
fill="#428dff"
/>
</svg>
More icons in the same style and category