Add icons to this collection by clicking the heart icon.
Laptop icon - also known as communication, chat, online, laptop, speech bubble, electronics, device, and communications. 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#d9defb" />
<stop offset="1" stop-color="#4460ff" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 .743 16.743) scale(29.032)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#2196f3" />
<stop offset="1" stop-color="#005faa" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -2.321 19.071) scale(5.255)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(135 8.116 9.031) scale(8.939)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-.75 8 -8 -.75 23.496 5.5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -4.352 20.752) scale(6.896)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#455a64" />
<stop offset="1" stop-color="#18313c" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#c)"
d="M17.899 5.855a.75.75 0 0 0-.75-.75H5.373a2.75 2.75 0 0 0-2.75 2.75v14.877c0 .414.335.75.75.75h25.254a.75.75 0 0 0 .75-.75V9.724a.749.749 0 0 0-1.113-.656 1.121 1.121 0 0 1-.546.141h-5.969a.746.746 0 0 0-.426.133l-2.43 1.678-.096-1.388a.747.747 0 0 0-.358-.588 1.128 1.128 0 0 1-.54-.963z"
/>
<path
fill="url(#d)"
d="M29.377 18.807H2.623v3.925c0 .414.335.75.75.75h25.254a.75.75 0 0 0 .75-.75z"
/>
<path
fill="url(#e)"
d="M21.983 10.709h5.735a2.625 2.625 0 0 0 2.628-2.628V3.878a2.627 2.627 0 0 0-2.628-2.628h-8.691a2.627 2.627 0 0 0-2.628 2.628v4.203a2.627 2.627 0 0 0 .926 2.002l.163 2.354a.753.753 0 0 0 1.175.565z"
/>
<g fill="url(#f)">
<circle cx="20.241" cy="6.022" r=".75" />
<circle cx="23.496" cy="6.022" r=".75" />
<circle cx="26.75" cy="6.022" r=".75" />
</g>
<path
fill="url(#g)"
d="M20.579 21.982a.75.75 0 0 0-.69.456.35.35 0 0 1-.32.212h-7.138a.35.35 0 0 1-.32-.212.75.75 0 0 0-.69-.456H2a.75.75 0 0 0-.75.75v1.217a2.943 2.943 0 0 0 2.946 2.946h23.608a2.943 2.943 0 0 0 2.946-2.946v-1.217a.75.75 0 0 0-.75-.75z"
/>
</g>
</svg>
More icons in the same style and category