Add icons to this collection by clicking the heart icon.
Notebook icon - also known as computer, notebook, photograph, online, laptop, buy, shopping, commerce and shopping, electronics, and social media. Created in a clean outline color style with a silver, gray, teal, orange, and pink 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="512"
height="512"
viewBox="0 0 64 64"
>
<path fill="#c9c9c9" d="M58 57H6l3-20h46z" />
<path fill="#d8d6d6" d="M11 3h42a2 2 0 0 1 2 2v32H9V5a2 2 0 0 1 2-2z" />
<path fill="#33a4db" d="M13 7h38v26H13z" />
<path fill="#e2e0e0" d="M38 57H26l1-4h10z" />
<path fill="#d8d6d6" d="M6 57h52v1a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3v-1z" />
<path fill="#009d54" d="M30.333 29H19.667L17 19h16z" />
<path
fill="#028945"
d="M25 27a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM28 27a.968.968 0 0 1-.243-.03 1 1 0 0 1-.728-1.213l1-4a1 1 0 0 1 1.94.486l-1 4A1 1 0 0 1 28 27zM22 27a1 1 0 0 1-.969-.757l-1-4a1 1 0 0 1 1.94-.486l1 4a1 1 0 0 1-.728 1.213A.968.968 0 0 1 22 27z"
/>
<path
fill="#f19332"
d="M20.192 20a1 1 0 0 1-.939-.657l-2.192-6a1 1 0 0 1 1.878-.686l2.193 6a1 1 0 0 1-.94 1.343zM30 20a1.01 1.01 0 0 1-.343-.061 1 1 0 0 1-.6-1.282l2.192-6a1 1 0 0 1 1.879.686l-2.193 6A1 1 0 0 1 30 20z"
/>
<path
fill="#028945"
d="M25 16a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="#028945"
d="M25 17a1 1 0 0 1-.707-.293l-2-2a1 1 0 0 1 1.414-1.414L25 14.586l1.293-1.293a1 1 0 0 1 1.414 1.414l-2 2A1 1 0 0 1 25 17z"
/>
<path
fill="#0986b7"
d="M41 21h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM47 21h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM39 25h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM47 25h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM47 29H37a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z"
/>
<g fill="#999">
<path
d="M52 50H12a1 1 0 0 1-.992-1.124l1-8A1 1 0 0 1 13 40h38a1 1 0 0 1 .992.876l1 8A1 1 0 0 1 52 50zm-38.867-2h37.734l-.75-6H13.883z"
/>
<path
d="M31 41h2v8h-2zM23.995 48.88l1-7.997 1.984.248-1 7.998zM16.995 48.879l1-7.998 1.984.248-1 7.998zM36.996 41.114l1.984-.248 1 7.998-1.984.248zM43.994 41.114l1.984-.248 1 7.998-1.984.248z"
/>
<path d="M12 44h39.5v2H12z" />
</g>
<path fill="#2c96bf" d="M13 7h38v1H13z" />
<path
d="M51 6H13a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-1 26H14V8h36z"
/>
<path
d="M9 62h46a4 4 0 0 0 4-4v-1a.7.7 0 0 0-.016-.077.565.565 0 0 0 0-.071L56 36.923V5a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v31.923L5.011 56.852a.565.565 0 0 0 0 .071A.7.7 0 0 0 5 57v1a4 4 0 0 0 4 4zm46-2H9a2 2 0 0 1-2-2h50a2 2 0 0 1-2 2zm-27.719-4 .5-2h8.438l.5 2zM10 5a1 1 0 0 1 1-1h42a1 1 0 0 1 1 1v31H10zm-.139 33h44.278l2.7 18H38.78l-.81-3.243A1 1 0 0 0 37 52H27a1 1 0 0 0-.97.757L25.22 56H7.161z"
/>
<path
d="M18.7 29.258a1 1 0 0 0 .966.742h10.667a1 1 0 0 0 .966-.742l2.667-10A1 1 0 0 0 33 18h-1.57l1.7-4.657a1 1 0 0 0-1.879-.686L29.3 18h-8.408l-1.953-5.343a1 1 0 0 0-1.878.686L18.762 18H17a1 1 0 0 0-.966 1.258zM20.189 20H31.7l-2.134 8h-9.13L18.3 20z"
/>
<path
d="M25 27a1 1 0 0 0 1-1v-4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1zM27.758 26.97A.968.968 0 0 0 28 27a1 1 0 0 0 .969-.757l1-4a1 1 0 0 0-1.94-.486l-1 4a1 1 0 0 0 .729 1.213zM22 27a.968.968 0 0 0 .243-.03 1 1 0 0 0 .728-1.213l-1-4a1 1 0 0 0-1.94.486l1 4A1 1 0 0 0 22 27zM24.293 16.707a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414l-.293.293V11a1 1 0 0 0-2 0v2.586l-.293-.293a1 1 0 0 0-1.414 1.414zM37 21h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM45 21h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM37 25h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM43 25h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2zM37 29h10a1 1 0 0 0 0-2H37a1 1 0 0 0 0 2zM52 50a1 1 0 0 0 .992-1.124l-1-8A1 1 0 0 0 51 40H13a1 1 0 0 0-.992.876l-1 8A1 1 0 0 0 12 50zm-38.617-4h3.984l-.25 2h-3.984zM33 46h4.617l.25 2H33zm-2 2h-4.867l.25-2H31zm8.633-2h4.984l.25 2h-4.984zm-.25-2-.25-2h4.984l.25 2zm-2.016 0H33v-2h4.117zM31 44h-4.367l.25-2H31zm-6.383 0h-4.984l.25-2h4.984zm-.25 2-.25 2h-4.984l.25-2zm22.516 2-.25-2h3.984l.25 2zm3.484-4h-3.984l-.25-2h3.984zm-32.5-2-.25 2h-3.984l.25-2z"
/>
</svg>
More icons in the same style and category