Add icons to this collection by clicking the heart icon.
Laptop icon - also known as computer, configuration, laptop, setting, gear, settings, video, cinema, symbol, computer settings, electronics, scholastics, video tutorials, tutorials, it systems, and it settings. Created in a clean 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="159"
x2="355.6"
y1="279.323"
y2="279.323"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#fff" />
<stop offset="1" stop-color="#fff5ca" />
</linearGradient>
<path
d="M408.342 357.354H103.658c-9.476 0-17.229-7.753-17.229-17.229V129.229c0-9.476 7.753-17.229 17.229-17.229h304.684c9.476 0 17.229 7.753 17.229 17.229v210.895c.001 9.476-7.753 17.23-17.229 17.23z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="159"
x2="355.6"
y1="281.995"
y2="281.995"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f8fe" />
<stop offset="1" stop-color="#00a7c0" />
</linearGradient>
<path d="M107.84 131.68h296.33v200.65H107.84z" fill="url(#c)" />
<linearGradient
id="d"
x1="61"
x2="449.08"
y1="146.22"
y2="146.22"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fee468" />
<stop offset="1" stop-color="#fdbf14" />
</linearGradient>
<path d="M59.27 352.67h390.77v30.22H59.27z" fill="url(#d)" />
<linearGradient
id="e"
x1="159"
x2="355.6"
y1="153.775"
y2="153.775"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#fff5ca" />
<stop offset="1" stop-color="#ffe767" />
</linearGradient>
<path
d="m182.667 352.67 10.666 15.11h125.334l10.666-15.11z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="159"
x2="355.6"
y1="303.387"
y2="303.387"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9330b2" />
<stop offset="1" stop-color="#451151" />
</linearGradient>
<path
d="M283.241 220.135v-19.044l-17.715-2.715a47.704 47.704 0 0 0-4.942-11.92l10.609-14.45-13.466-13.466-14.45 10.609a47.704 47.704 0 0 0-11.92-4.942l-2.715-17.715h-19.044l-2.715 17.715a47.688 47.688 0 0 0-11.92 4.942l-14.45-10.609-13.466 13.466 10.609 14.45a47.704 47.704 0 0 0-4.942 11.92L155 201.091v19.044l17.715 2.715a47.651 47.651 0 0 0 4.942 11.92l-10.609 14.45 13.466 13.466 14.45-10.609a47.704 47.704 0 0 0 11.92 4.942l2.715 17.715h19.044l2.715-17.715a47.688 47.688 0 0 0 11.92-4.942l14.45 10.609 13.466-13.466-10.609-14.45a47.704 47.704 0 0 0 4.942-11.92l17.714-2.715zm-64.12 8.513c-9.96 0-18.035-8.074-18.035-18.035 0-9.96 8.074-18.035 18.035-18.035 9.96 0 18.035 8.074 18.035 18.035-.001 9.961-8.075 18.035-18.035 18.035z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="159"
x2="355.6"
y1="303.387"
y2="303.387"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#e181e2" />
<stop offset="1" stop-color="#c639d1" />
</linearGradient>
<path
d="M219.121 175.075c-19.627 0-35.538 15.911-35.538 35.538s15.911 35.538 35.538 35.538 35.538-15.911 35.538-35.538-15.911-35.538-35.538-35.538zm0 50.484c-8.254 0-14.946-6.692-14.946-14.946s6.691-14.946 14.946-14.946c8.254 0 14.946 6.692 14.946 14.946-.001 8.255-6.692 14.946-14.946 14.946z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="193.878"
x2="390.478"
y1="457.959"
y2="95.92"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<path
d="M356.999 278.142v-13.734l-12.775-1.958a34.4 34.4 0 0 0-3.564-8.597l7.651-10.421-9.711-9.712-10.421 7.651a34.393 34.393 0 0 0-8.596-3.564l-1.958-12.775h-13.734l-1.958 12.775a34.377 34.377 0 0 0-8.596 3.564l-10.421-7.651-9.711 9.712 7.651 10.421a34.384 34.384 0 0 0-3.564 8.597l-12.775 1.958v13.734l12.775 1.958a34.377 34.377 0 0 0 3.564 8.596l-7.651 10.421 9.711 9.711 10.421-7.651a34.393 34.393 0 0 0 8.596 3.564l1.958 12.775h13.734l1.958-12.775a34.377 34.377 0 0 0 8.596-3.564l10.421 7.651 9.711-9.711-7.651-10.421a34.393 34.393 0 0 0 3.564-8.596l12.775-1.958zm-46.241 6.139c-7.183 0-13.006-5.823-13.006-13.006s5.823-13.006 13.006-13.006 13.006 5.823 13.006 13.006c-.001 7.183-5.824 13.006-13.006 13.006z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="159"
x2="355.6"
y1="242.725"
y2="242.725"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#ff91c5" />
<stop offset="1" stop-color="#ff52a5" />
</linearGradient>
<path
d="M310.758 245.646c-14.155 0-25.629 11.474-25.629 25.629 0 14.154 11.474 25.629 25.629 25.629 14.154 0 25.629-11.474 25.629-25.629-.001-14.154-11.475-25.629-25.629-25.629zm0 36.408c-5.953 0-10.779-4.826-10.779-10.778 0-5.953 4.826-10.778 10.779-10.778s10.778 4.826 10.778 10.778c0 5.952-4.826 10.778-10.778 10.778z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category