Add icons to this collection by clicking the heart icon.
Laptop icon - also known as technology, computer, screen, mouse, cursor, click, monitor, laptop, and ui. Created in a clean color style with a white 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="512pt"
height="512pt"
viewBox="0 -73 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#575c55" />
<stop offset="1" stop-color="#45425a" />
</linearGradient>
<linearGradient
id="e"
x1="98.338"
x2="446.813"
y1="-875.616"
y2="-527.141"
gradientTransform="rotate(180 263.027 -277.454) scale(1.00392)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="89.158"
x2="429.834"
y1="-14.031"
y2="326.644"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#45425a" stop-opacity="0" />
<stop offset=".347" stop-color="#353343" stop-opacity=".349" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="g"
x1="256"
x2="256"
y1="248.322"
y2="323.77"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="171.769"
x2="408.678"
y1="68.58"
y2="305.489"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3ffff" />
<stop offset="1" stop-color="#1ccbf7" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#1ccbf7" stop-opacity="0" />
<stop offset="1" stop-color="#00a5e8" />
</linearGradient>
<linearGradient
id="i"
x1="256"
x2="256"
y1="238.576"
y2="304.056"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="256"
x2="256"
y1="303.371"
y2="379.924"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="256"
x2="256"
y1="336.11"
y2="376.964"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="331.974"
x2="168.332"
y1="319.411"
y2="319.411"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="364.951"
x2="262.854"
y1="230.379"
y2="128.282"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c6e56f" />
<stop offset=".145" stop-color="#c1e46e" />
<stop offset=".313" stop-color="#b3e16d" />
<stop offset=".492" stop-color="#9cdd6a" />
<stop offset=".679" stop-color="#7cd767" />
<stop offset=".871" stop-color="#52cf62" />
<stop offset="1" stop-color="#32c95f" />
</linearGradient>
<linearGradient
id="n"
x1="73.884"
x2="67.334"
y1="321.189"
y2="314.639"
gradientTransform="rotate(180 57.474 316.352) scale(1.00392)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="50.985"
x2="44.435"
y1="321.189"
y2="314.639"
gradientTransform="rotate(180 57.474 316.352) scale(1.00392)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="28.086"
x2="21.535"
y1="321.189"
y2="314.639"
gradientTransform="rotate(180 57.474 316.352) scale(1.00392)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4c54" />
<stop offset="1" stop-color="#be3f45" />
</linearGradient>
<path
fill="url(#e)"
d="M62.305 0h387.39c16.285 0 29.489 13.203 29.489 29.488v246.645c0 16.285-13.204 29.488-29.489 29.488H62.305c-16.285 0-29.489-13.203-29.489-29.488V29.488C32.816 13.203 46.02 0 62.305 0zm0 0"
/>
<path
fill="url(#f)"
d="M444.621 301.617H67.38c-15.86 0-28.715-12.855-28.715-28.719V32.723c0-15.864 12.856-28.72 28.715-28.72h377.238c15.863 0 28.719 12.856 28.719 28.72v240.175c0 15.864-12.856 28.72-28.715 28.72zm0 0"
/>
<path
fill="url(#g)"
d="M32.816 224.934v51.199c0 16.285 13.204 29.488 29.489 29.488h387.39c16.285 0 29.489-13.203 29.489-29.488v-51.2zm0 0"
/>
<path
fill="url(#h)"
d="M439.875 281.457H72.125c-7.176 0-12.996-5.816-12.996-12.992V37.156c0-7.176 5.82-12.992 12.996-12.992h367.75c7.176 0 12.996 5.816 12.996 12.992v231.309c0 7.176-5.82 12.992-12.996 12.992zm0 0"
/>
<path
fill="url(#i)"
d="M452.871 224.934H59.13v43.53c0 7.177 5.82 12.993 12.996 12.993h367.75c7.176 0 12.996-5.816 12.996-12.992zm0 0"
/>
<path
fill="url(#j)"
d="M469.145 365.95H42.855C19.187 365.95 0 346.761 0 323.093c0-14.23 11.535-25.77 25.77-25.77h460.46c14.235 0 25.77 11.54 25.77 25.77 0 23.668-19.188 42.855-42.855 42.855zm0 0"
/>
<path
fill="url(#k)"
d="M.117 326.102c1.543 22.261 20.082 39.847 42.738 39.847h426.29c22.656 0 41.195-17.586 42.738-39.847zm0 0"
/>
<path
fill="url(#l)"
d="M299.54 341.496h-87.08c-14.831 0-26.858-12.023-26.858-26.855v-1.168c0-8.918 7.23-16.149 16.148-16.149h108.496c8.922 0 16.152 7.23 16.152 16.149v1.168c0 14.832-12.027 26.855-26.859 26.855zm0 0"
/>
<path
fill="url(#m)"
d="M305.426 113.66c-1.883-2.144-4.36-3.86-7.367-4.863l-49.93-16.645c-13.23-4.41-25.817 8.176-21.406 21.403l16.644 49.933c1.004 3.008 2.719 5.485 4.863 7.364l77.883 77.882c5.7 6.524 15.887 7.852 23.098 2.227L376.34 278c3.281 4.223 9.531 4.637 13.332.84l23.738-23.742c3.8-3.801 3.387-10.051-.836-13.332l-27.039-27.13c5.625-7.21 4.297-17.398-2.226-23.097zm0 0"
/>
<path
fill="#fff"
d="m298.059 108.797-49.934-16.645c-13.227-4.41-25.812 8.176-21.402 21.403l16.644 49.933c3.977 11.934 19.121 15.508 28.016 6.614l2.445-2.446 22.957 30.77c3.25 4.355 9.606 4.812 13.445.972l23.739-23.742c3.844-3.84 3.383-10.195-.969-13.441l-30.77-22.957 2.442-2.446c8.894-8.894 5.32-24.039-6.613-28.015zm0 0"
/>
<path
fill="url(#n)"
d="M51.691 313.398a7.774 7.774 0 0 1-7.773 7.774 7.775 7.775 0 0 1-7.777-7.774 7.775 7.775 0 0 1 7.777-7.777 7.775 7.775 0 0 1 7.773 7.777zm0 0"
/>
<path
fill="url(#o)"
d="M74.68 313.398a7.774 7.774 0 0 1-7.774 7.774 7.775 7.775 0 0 1-7.777-7.774 7.775 7.775 0 0 1 7.777-7.777 7.775 7.775 0 0 1 7.774 7.777zm0 0"
/>
<path
fill="url(#p)"
d="M97.672 313.398c0 4.293-3.484 7.774-7.777 7.774s-7.774-3.48-7.774-7.774c0-4.296 3.48-7.777 7.774-7.777s7.777 3.48 7.777 7.777zm0 0"
/>
</svg>
More icons in the same style and category