Add icons to this collection by clicking the heart icon.
Notebook icon - also known as technology, computer, notebook, laptop computer, and digital. Created in a clean flat 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<linearGradient
id="c"
x1="255.989"
x2="255.989"
y1="385.034"
y2="55.772"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="d"
x1="255.999"
x2="255.999"
y1="346.759"
y2="94.009"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="256"
x2="256"
y1="456.228"
y2="385.018"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="256"
x2="256"
y1="420.623"
y2="385.018"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="255.999"
x2="255.999"
y1="306.379"
y2="134.39"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="228.218"
x2="228.218"
y1="249.895"
y2="135.31"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="283.78"
x2="283.78"
y1="305.459"
y2="190.874"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M480.569 92.293v292.741H31.409V92.293c0-20.202 16.371-36.521 36.521-36.521h376.171c20.15 0 36.468 16.319 36.468 36.521z"
/>
<path
fill="url(#d)"
d="M442.321 117.933v204.901c0 13.213-10.711 23.924-23.924 23.924H93.601c-13.213 0-23.924-10.711-23.924-23.924V117.933c0-13.213 10.711-23.924 23.924-23.924h324.795c13.214 0 23.925 10.711 23.925 23.924z"
/>
<path
fill="url(#e)"
d="M490.292 385.018c7.594 0 13.61 6.878 12.089 14.318-6.633 32.455-35.367 56.892-69.817 56.892H79.433c-19.704 0-37.494-7.986-50.407-20.851-9.654-9.69-16.562-22.128-19.408-36.039-1.522-7.44 4.495-14.32 12.089-14.32z"
/>
<path
fill="url(#f)"
d="m328.302 385.018-18.797 26.975a20.151 20.151 0 0 1-16.533 8.63h-73.944a20.151 20.151 0 0 1-16.533-8.63l-18.797-26.975z"
/>
<path
fill="url(#g)"
d="M171.539 304.842a5.245 5.245 0 0 1 0-7.42l161.5-161.495c2.05-2.05 5.37-2.05 7.42 0s2.05 5.37 0 7.42l-161.5 161.495a5.247 5.247 0 0 1-7.42 0z"
/>
<path
fill="url(#h)"
d="M172.462 248.357a5.245 5.245 0 0 1 0-7.42l104.093-104.091c2.05-2.05 5.37-2.05 7.42 0s2.05 5.37 0 7.42L179.881 248.357a5.244 5.244 0 0 1-7.419 0z"
/>
<path
fill="url(#i)"
d="M228.023 303.922a5.245 5.245 0 0 1 0-7.42l104.093-104.091c2.05-2.05 5.37-2.05 7.42 0s2.05 5.37 0 7.42L235.443 303.922a5.247 5.247 0 0 1-7.42 0z"
/>
</svg>
More icons in the same style and category