Add icons to this collection by clicking the heart icon.
Notebook icon - also known as interface, notebook, laptop, settings, browser, management, and electronics. Created in a clean lineal color style with a white, black, and teal 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="#004fa8"
d="M56 12H8a1 1 0 0 0-1 1v31h50V13a1 1 0 0 0-1-1zM57 44H3a8 8 0 0 0 8 8h42a8 8 0 0 0 8-8z"
/>
<path fill="#f2f8ff" d="M11 16h42v28H11z" />
<path
fill="#303030"
d="M53 49H11a7.997 7.997 0 0 1-7.413-5H3a8 8 0 0 0 8 8h42a8 8 0 0 0 8-8h-.587A7.997 7.997 0 0 1 53 49z"
opacity=".12"
/>
<path
fill="#57a5ff"
d="M23.891 32.364 28 31.5v-5l-4.109-.864a1.25 1.25 0 0 1-.772-1.933L25.5 20.25l-3.75-3.75-3.454 2.381a1.25 1.25 0 0 1-1.933-.772L15.5 14H11v9.349A5.97 5.97 0 0 1 13 23a6 6 0 1 1 0 12 5.97 5.97 0 0 1-2-.349V44h4.5l.864-4.109a1.25 1.25 0 0 1 1.933-.772L21.75 41.5l3.75-3.75-2.381-3.454a1.25 1.25 0 0 1 .772-1.932zM48.192 26c-1.274-4.057-5.063-7-9.541-7-3.699 0-6.922 2.014-8.651 5h9l1.318 1.805L42.651 29 39 34h-9c1.73 2.986 4.952 5 8.651 5 4.477 0 8.266-2.943 9.541-7H53v-6z"
/>
<g fill="#f2f8ff">
<path
d="m16.296 18.881.332-.229a1.24 1.24 0 0 1-.265-.543L15.5 14h-2l.864 4.109a1.25 1.25 0 0 0 1.932.772zM16.296 39.119a1.25 1.25 0 0 0-1.933.772L13.5 44h2l.864-4.109a1.23 1.23 0 0 1 .265-.543zM23.891 32.364 28 31.5v-5l-4.109-.864a1.25 1.25 0 0 1-.772-1.933L25.5 20.25l-3.75-3.75-1.184.816L23.5 20.25l-2.381 3.454a1.25 1.25 0 0 0 .772 1.933L26 26.5v5l-4.109.864a1.25 1.25 0 0 0-.772 1.933L23.5 37.75l-2.934 2.934 1.184.816 3.75-3.75-2.381-3.454a1.25 1.25 0 0 1 .772-1.932z"
/>
</g>
<path fill="#303030" d="M7 40h50v4H7z" opacity=".12" />
<path
fill="#f2f8ff"
d="M48.192 26c-1.274-4.057-5.063-7-9.541-7-3.699 0-6.922 2.014-8.651 5h1.526a9.944 9.944 0 0 1 7.126-3c4.477 0 8.266 2.943 9.541 7H53v-2zM39 36l3.651-5-.73-1L39 34h-9c.423.731.938 1.401 1.526 2z"
/>
<path
d="M60.975 43h-3V13c0-1.103-.897-2-2-2h-48c-1.103 0-2 .897-2 2v30h-3a1 1 0 0 0-1 1c0 4.962 4.038 9 9 9h42c4.962 0 9-4.038 9-9a1 1 0 0 0-1-1zm-5 0h-2V16a1 1 0 0 0-1-1H46v2h5.975v8H48.9a10.951 10.951 0 0 0-10.249-7 11.039 11.039 0 0 0-9.517 5.499A1 1 0 0 0 30 25h9v-2h-7.044a9.024 9.024 0 0 1 6.695-3 8.961 8.961 0 0 1 8.586 6.3 1 1 0 0 0 .954.7h3.783v4h-3.783a1 1 0 0 0-.954.7 8.962 8.962 0 0 1-8.586 6.3 9.024 9.024 0 0 1-6.695-3H39c.319 0 .619-.152.808-.41l3.651-5a1.003 1.003 0 0 0 0-1.18l-2.333-3.195-1.615 1.18L41.413 29l-2.921 4H30a1 1 0 0 0-.865 1.501A11.038 11.038 0 0 0 38.651 40c4.581 0 8.611-2.784 10.249-7h3.074v10H16.732l.61-2.904a.242.242 0 0 1 .152-.181.245.245 0 0 1 .235.026l3.454 2.381a.999.999 0 0 0 1.274-.116l3.75-3.75a1 1 0 0 0 .116-1.274l-2.38-3.453a.24.24 0 0 1-.026-.235.239.239 0 0 1 .18-.152l4.109-.864A1 1 0 0 0 29 31.5v-5c0-.473-.332-.881-.794-.979l-4.109-.864a.239.239 0 0 1-.18-.152.24.24 0 0 1 .026-.235l2.381-3.454a1 1 0 0 0-.116-1.274l-3.75-3.75a1 1 0 0 0-1.274-.116l-3.453 2.38a.237.237 0 0 1-.235.026.239.239 0 0 1-.152-.18l-.864-4.109a1 1 0 0 0-.976-.794h40.472V43zm-48-30H11v2h3.688l.697 3.314a2.247 2.247 0 0 0 3.478 1.389l2.768-1.908 2.572 2.572-1.909 2.769a2.247 2.247 0 0 0-.236 2.112c.28.7.888 1.211 1.626 1.366l3.316.698v3.377l-3.314.697a2.247 2.247 0 0 0-1.389 3.478l1.908 2.768-2.572 2.572-2.768-1.908a2.244 2.244 0 0 0-2.112-.237 2.244 2.244 0 0 0-1.367 1.627L14.688 43h-2.714v-7.087c.339.05.68.087 1.026.087a7.027 7.027 0 0 0 6.063-3.499l-1.731-1.002A5.021 5.021 0 0 1 13 34c-.348 0-.689-.047-1.025-.117v-9.772a5.062 5.062 0 0 1 3.789.722l1.107-1.665c-1.436-.954-3.207-1.321-4.896-1.079V16h-2v27h-2zm45 38h-42c-3.521 0-6.442-2.612-6.929-6h55.857c-.486 3.388-3.408 6-6.928 6z"
/>
<path
d="M16.975 47h30v2h-30zM20 29a6.987 6.987 0 0 0-.938-3.501l-1.73 1.002c.437.755.668 1.619.668 2.499z"
/>
</svg>
More icons in the same style and category