Add icons to this collection by clicking the heart icon.
Laptop icon - also known as graduation, education, laptop, mortarboard, online education, online learning, elearning, and online course. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="4"
x2="28"
y1="14.5"
y2="14.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#64b5f6" />
<stop offset="1" stop-color="#bbdefb" />
</linearGradient>
<linearGradient
id="c"
x1="2"
x2="30"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e57373" />
<stop offset="1" stop-color="#ef9a9a" />
</linearGradient>
<linearGradient id="d" x1="11" x2="21" y1="12.44" y2="12.44" href="#a" />
<linearGradient
id="b"
x1="22"
x2="24"
y1="11"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1565c0" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient id="e" x1="8" x2="18" y1="18" y2="18" href="#b" />
<linearGradient id="f" x1="14" y1="21" y2="21" href="#b" />
<linearGradient id="g" x1="19" x2="21" y1="18" y2="18" href="#b" />
<linearGradient id="h" x1="11" x2="13" y1="21" y2="21" href="#b" />
<linearGradient id="i" y1="18" y2="18" href="#b" />
<linearGradient id="j" x1="8" x2="10" y1="21" y2="21" href="#b" />
<linearGradient id="k" x1="8" y1="9.5" y2="9.5" href="#b" />
<g>
<rect width="24" height="21" x="4" y="4" fill="url(#a)" rx="1" />
<path
d="M6 25H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h1a1 1 0 0 0-1 1v19a1 1 0 0 0 1 1z"
opacity=".1"
/>
<path
fill="#fff"
d="M28 5v19a1 1 0 0 1-1 1h-1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h1a1 1 0 0 1 1 1z"
opacity=".16"
/>
<path
fill="#fff"
d="M25.17 5.75H6.83a.85.85 0 0 0-.83.87v16.51a.85.85 0 0 0 .83.87h18.34a.85.85 0 0 0 .83-.87V6.62a.85.85 0 0 0-.83-.87z"
/>
<path
fill="url(#c)"
d="M29 23H3a1 1 0 0 0-1 1v1.63A3.37 3.37 0 0 0 5.37 29h21.26A3.37 3.37 0 0 0 30 25.63V24a1 1 0 0 0-1-1z"
/>
<path
d="M7.37 29h-2A3.37 3.37 0 0 1 2 25.63V24a1 1 0 0 1 1-1h2a1 1 0 0 0-1 1v1.63A3.37 3.37 0 0 0 7.37 29z"
opacity=".1"
/>
<path
fill="#fff"
d="M30 24v1.63A3.37 3.37 0 0 1 26.63 29h-2A3.37 3.37 0 0 0 28 25.63V24a1 1 0 0 0-1-1h2a1 1 0 0 1 1 1z"
opacity=".16"
/>
<path
fill="url(#d)"
d="M20.57 9.32a1 1 0 0 0-.93-.11L16 10.59l-3.64-1.38a1 1 0 0 0-.93.11 1 1 0 0 0-.43.82V14c0 1.2 1.52 1.45 2.09 1.55a18.52 18.52 0 0 0 2.91.2c4.41 0 5-.88 5-1.75v-3.86a1 1 0 0 0-.43-.82z"
/>
<path
fill="url(#b)"
d="M23 14a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
d="M17 20H9a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM23 23h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z"
opacity=".1"
/>
<circle cx="20" cy="19" r="1" opacity=".1" />
<circle cx="20" cy="19" r="1" opacity=".1" />
<circle cx="12" cy="22" r="1" opacity=".1" />
<circle cx="23" cy="19" r="1" opacity=".1" />
<circle cx="9" cy="22" r="1" opacity=".1" />
<path fill="url(#e)" d="M17 19H9a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path d="M20 28h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" opacity=".1" />
<path fill="#fff" d="M20 27h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M23 22h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<circle cx="20" cy="18" r="1" />
<circle cx="20" cy="18" r="1" fill="url(#g)" />
<circle cx="12" cy="21" r="1" fill="url(#h)" />
<circle cx="23" cy="18" r="1" fill="url(#i)" />
<circle cx="9" cy="21" r="1" fill="url(#j)" />
<path
fill="url(#k)"
d="m23.23 8-7-1.66a.9.9 0 0 0-.46 0L8.77 8a1 1 0 0 0-.77.94 1 1 0 0 0 .64 1l7 2.66a1 1 0 0 0 .72 0l7-2.66a1 1 0 0 0 .64-1 1 1 0 0 0-.77-.94z"
/>
</g>
</svg>
More icons in the same style and category