Add icons to this collection by clicking the heart icon.
Computer icon - also known as computer, mouse, configuration, monitor, keyboard, and mouse clicker. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-1.786"
y2="68.398"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="47" x2="47" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="c" x1="25" x2="25" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="d" x1="13" x2="13" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="e" x1="9" x2="9" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="f" x1="17" x2="17" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="g" x1="37" x2="37" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="h" x1="33" x2="33" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="i" x1="41" x2="41" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="j" x1="21" x2="21" y1="-1.786" y2="68.398" href="#a" />
<linearGradient id="k" x1="29" x2="29" y1="-1.786" y2="68.398" href="#a" />
<path
fill="url(#a)"
d="M62 24v-6a1.015 1.015 0 0 0-.9-1l-3.59-.35 2.28-2.8a1 1 0 0 0-.06-1.34l-4.24-4.24a1 1 0 0 0-1.34-.06l-2.8 2.28L51 6.9a1.015 1.015 0 0 0-1-.9h-2.1A5.017 5.017 0 0 0 43 2H7a5 5 0 0 0-5 5v24a5 5 0 0 0 5 5h14v4h-1a3.009 3.009 0 0 0-3 3v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a3.009 3.009 0 0 0-3-3h-1v-4h17v6a3.009 3.009 0 0 0 3 3h6a1 1 0 0 1 1 1v2.1a5.017 5.017 0 0 0-4 4.9v4a5 5 0 0 0 10 0v-4a5.017 5.017 0 0 0-4-4.9V46a3.009 3.009 0 0 0-3-3h-6a1 1 0 0 1-1-1v-6h2a1.015 1.015 0 0 0 1-.9l.35-3.59 2.8 2.28a1 1 0 0 0 1.34-.06l4.24-4.24a1 1 0 0 0 .06-1.34l-2.28-2.8L61.1 25a1.015 1.015 0 0 0 .9-1zm-4 29v-2.82A3.01 3.01 0 0 1 60 53v4a3 3 0 0 1-6 0v-4a3.01 3.01 0 0 1 2-2.82V53zM4 7a3.009 3.009 0 0 1 3-3h36a3.01 3.01 0 0 1 2.82 2H44a1.015 1.015 0 0 0-1 .9l-.35 3.59-2.8-2.28a1 1 0 0 0-1.34.06l-4.24 4.24a1 1 0 0 0-.06 1.34l2.28 2.8-3.59.35a1.015 1.015 0 0 0-.9 1v6a1.015 1.015 0 0 0 .9 1l3.59.35-.53.65H4zm26 35a1 1 0 0 1 1 1v1H19v-1a1 1 0 0 1 1-1zm-7-2v-4h4v4zM7 34a3.009 3.009 0 0 1-3-3v-3h30.32l-.11.15a1 1 0 0 0 .06 1.34l4.24 4.24a1.008 1.008 0 0 0 .58.27zm32.32 0a.948.948 0 0 0 .53-.21l2.8-2.28.24 2.49zM60 23.1l-4.54.45a1.007 1.007 0 0 0-.83.61 1.019 1.019 0 0 0 .15 1.02l2.89 3.53-2.96 2.96-3.53-2.89a1.019 1.019 0 0 0-1.02-.15 1.007 1.007 0 0 0-.61.83L49.1 34h-4.2l-.45-4.54a1.007 1.007 0 0 0-.61-.83 1.019 1.019 0 0 0-1.02.15l-3.53 2.89-2.96-2.96 2.89-3.53a1.019 1.019 0 0 0 .15-1.02 1.007 1.007 0 0 0-.83-.61L34 23.1v-4.2l4.54-.45a1.007 1.007 0 0 0 .83-.61 1.019 1.019 0 0 0-.15-1.02l-2.89-3.53 2.96-2.96 3.53 2.89a1.019 1.019 0 0 0 1.02.15 1.007 1.007 0 0 0 .61-.83L44.9 8h4.2l.45 4.54a1.007 1.007 0 0 0 .61.83 1.019 1.019 0 0 0 1.02-.15l3.53-2.89 2.96 2.96-2.89 3.53a1.019 1.019 0 0 0-.15 1.02 1.007 1.007 0 0 0 .83.61l4.54.45z"
/>
<path
fill="url(#b)"
d="M47 15a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="url(#c)"
d="M41 48H9a5 5 0 0 0-5 5v4a5 5 0 0 0 5 5h32a5 5 0 0 0 5-5v-4a5 5 0 0 0-5-5zm3 9a3.009 3.009 0 0 1-3 3H9a3.009 3.009 0 0 1-3-3v-4a3.009 3.009 0 0 1 3-3h32a3.009 3.009 0 0 1 3 3z"
/>
<path fill="url(#c)" d="M20 56h10v2H20z" />
<path fill="url(#d)" d="M12 52h2v2h-2z" />
<path fill="url(#e)" d="M8 52h2v2H8z" />
<path fill="url(#f)" d="M16 52h2v2h-2z" />
<path fill="url(#d)" d="M12 56h2v2h-2z" />
<path fill="url(#e)" d="M8 56h2v2H8z" />
<path fill="url(#f)" d="M16 56h2v2h-2z" />
<path fill="url(#g)" d="M36 56h2v2h-2z" />
<path fill="url(#h)" d="M32 56h2v2h-2z" />
<path fill="url(#i)" d="M40 56h2v2h-2z" />
<path fill="url(#j)" d="M20 52h2v2h-2z" />
<path fill="url(#c)" d="M24 52h2v2h-2z" />
<path fill="url(#k)" d="M28 52h2v2h-2z" />
<path fill="url(#h)" d="M32 52h2v2h-2z" />
<path fill="url(#g)" d="M36 52h2v2h-2z" />
<path fill="url(#i)" d="M40 52h2v2h-2z" />
</svg>
More icons in the same style and category