Add icons to this collection by clicking the heart icon.
Monitor icon - also known as computer, screen, monitor, ui, electronics, applications, mac, apps, and desktop. Created in a clean flat gradient style with a black 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 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#dae7ed" />
<stop offset=".713" stop-color="#a2b9bd" />
<stop offset="1" stop-color="#8ca6aa" />
</linearGradient>
<linearGradient
id="d"
x1="26.438"
x2="26.438"
y1="40.578"
y2="45.662"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="33.179"
x2="17.471"
y1="5671.311"
y2="5671.311"
gradientTransform="matrix(1 0 0 -1 .341 5707.72)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="22.029"
x2="22.029"
y1="5660.2"
y2="5673.31"
gradientTransform="matrix(1 0 0 -1 .341 5707.72)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="31.101"
x2="31.101"
y1="5660.2"
y2="5673.31"
gradientTransform="matrix(1 0 0 -1 .341 5707.72)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="h"
x1="2543.818"
x2="2544.576"
y1="21.975"
y2="-.53"
gradientTransform="matrix(-1 0 0 1 2569.21 9.667)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="28.22"
x2="25.118"
y1="2.964"
y2="21.273"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fef328" />
<stop offset=".886" stop-color="#ff7f02" />
</linearGradient>
<linearGradient
id="j"
x1="25.077"
x2="25.077"
y1="4.832"
y2="33.22"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="24.035"
cy="20.737"
r="18.75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".1" />
<stop offset="1" stop-color="#fff" stop-opacity=".1" />
</radialGradient>
<radialGradient
id="l"
cx="12.58"
cy="15.185"
r="3.653"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" stop-opacity=".5" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="m"
cx="12.58"
cy="15.185"
r="2.706"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="n"
x1="25.077"
x2="25.077"
y1="6.589"
y2="22.837"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="41.024"
x2="41.024"
y1="36.123"
y2="33.677"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="2618.081"
x2="2618.081"
y1="5599.758"
y2="5598.354"
gradientTransform="rotate(180 1329.543 2817.027)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="35.645"
x2="35.645"
y1="36.123"
y2="33.677"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="2623.46"
x2="2623.46"
y1="5599.758"
y2="5598.354"
gradientTransform="rotate(180 1329.543 2817.027)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#d)"
d="m36.523 46.054-1.414-4.88a1.412 1.412 0 0 0-1.356-1.019h-14.63c-.629 0-1.181.415-1.356 1.019l-1.414 4.88a1.412 1.412 0 0 0 1.356 1.804h17.458c.94 0 1.618-.901 1.356-1.804z"
/>
<path
fill="url(#e)"
d="M21.128 43.148V31.784c0-.84.68-1.521 1.52-1.521l7.55.002c.841 0 1.522.68 1.522 1.52v11.366c0 2.352-10.592 2.35-10.592-.003z"
/>
<path
fill="url(#f)"
d="M21.163 31.695c.033-.774.68-1.42 1.486-1.432-.84 0-1.521.68-1.521 1.52v11.365c0 .118.034.229.084.335l-.027-9.492c-.007-.765-.022-1.534-.022-2.296z"
/>
<path
fill="url(#g)"
d="M31.72 31.786c0-.84-.681-1.521-1.521-1.521a1.512 1.512 0 0 1 1.486 1.432c0 .762-.015 1.531-.022 2.296l-.026 9.491a.773.773 0 0 0 .084-.333z"
/>
<path
fill="#3d3d3d"
d="M46.435 4.142H7.412a3.541 3.541 0 0 0-2.583 1.11c-.02.02-.038.037-.056.057L2.851 7.241l.749.214c-.027.176-.04.354-.04.537v25.406a3.567 3.567 0 0 0 3.565 3.566c41.286-.005 39.045.012 39.335-.013l.702.474 1.76-1.758A3.548 3.548 0 0 0 50 33.113V7.707a3.564 3.564 0 0 0-3.565-3.565z"
/>
<path
fill="url(#h)"
d="M2 9.551v25.446a3.564 3.564 0 0 0 3.565 3.566h39.023a3.566 3.566 0 0 0 3.566-3.566V9.551a3.567 3.567 0 0 0-3.566-3.565H5.566A3.566 3.566 0 0 0 2 9.55z"
/>
<path
fill="url(#i)"
d="M44.588 5.986H5.566A3.566 3.566 0 0 0 2 9.55l.184 12.115.111-12.247c.05-1.456 1.185-2.757 2.592-3.037.497-.092-1.199-.072 21.654-.022 4.39-.018 18.158-.084 18.726.021 1.408.28 2.545 1.58 2.593 3.038l.294 24.364V9.551a3.565 3.565 0 0 0-3.566-3.565z"
/>
<path
fill="url(#j)"
d="M43.761 9.207H6.393c-.647 0-1.172.524-1.172 1.171v19.556c0 .647.525 1.171 1.172 1.171H43.76c.647 0 1.172-.524 1.172-1.171V10.378c0-.647-.525-1.171-1.172-1.171z"
/>
<path
fill="url(#k)"
d="M45.963 6.261a3.55 3.55 0 0 0-1.375-.275H5.566A3.566 3.566 0 0 0 2 9.55v25.446c0 .13.008.257.021.382 18.671 1.662 45.965-15.895 43.942-29.118z"
/>
<circle cx="12.58" cy="15.185" r="3.653" fill="url(#l)" />
<path
fill="url(#m)"
d="m13.053 15.433.9 1.125-1.126-.9-.247 2.233-.248-2.234-1.126.901.901-1.125-2.233-.248 2.233-.248-.9-1.125 1.125.9.248-2.233.247 2.234 1.126-.901-.9 1.125 2.232.248z"
/>
<path
fill="url(#n)"
d="m5.243 26.689.014-1.546c.019-2.946.002-.153.088-14.483.007-.403-.03-.86.519-1.181a1.04 1.04 0 0 1 .419-.139c.519-.042 37.488-.008 37.588 0 .468.049.842.41.918.844.021.106.123 16.605.122 16.505h.022v-16.31c0-.648-.525-1.172-1.172-1.172H6.393c-.647 0-1.172.524-1.172 1.171V26.69h.022z"
/>
<path
fill="url(#o)"
d="M41.024 33.054a1.934 1.934 0 1 0 0 3.867 1.934 1.934 0 0 0 0-3.867z"
/>
<path
fill="url(#p)"
d="M41.024 36.097a1.109 1.109 0 1 0 0-2.218 1.109 1.109 0 0 0 0 2.218z"
/>
<path
fill="url(#q)"
d="M35.645 33.054a1.934 1.934 0 1 0 0 3.867 1.934 1.934 0 0 0 0-3.867z"
/>
<path
fill="url(#r)"
d="M35.645 36.097a1.109 1.109 0 1 0 0-2.218 1.109 1.109 0 0 0 0 2.218z"
/>
</svg>
More icons in the same style and category