Add icons to this collection by clicking the heart icon.
Monitor icon - also known as technology, computer, screen, television, tv, and monitor. 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="-42.925"
x2="16.982"
y1="606.711"
y2="606.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M469.333 59.733H42.667C19.115 59.759.026 78.848 0 102.4v230.4c.026 23.552 19.115 42.641 42.667 42.667H204.8V435.2H93.867v17.067h324.267V435.2H307.2v-59.733h162.133c23.552-.026 42.641-19.115 42.667-42.667V102.4c-.026-23.552-19.115-42.641-42.667-42.667zM290.133 435.2h-68.267v-59.733h68.267V435.2zm204.8-102.4c0 14.14-11.46 25.6-25.6 25.6H42.667c-14.14 0-25.6-11.46-25.6-25.6v-25.6h477.867v25.6zm0-42.667H17.067V102.4c0-14.14 11.46-25.6 25.6-25.6h426.667c14.14 0 25.6 11.46 25.6 25.6v187.733z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-42.925"
x2="16.982"
y1="623.711"
y2="623.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M42.667 93.867h17.067V128H42.667z" fill="url(#b)" />
<linearGradient
id="c"
x1="-42.925"
x2="16.982"
y1="615.711"
y2="615.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M42.667 145.067h17.067v68.267H42.667z" fill="url(#c)" />
<linearGradient
id="d"
x1="-42.925"
x2="16.982"
y1="584.711"
y2="584.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M59.733 435.2H76.8v17.067H59.733z" fill="url(#d)" />
<linearGradient
id="e"
x1="-42.925"
x2="16.982"
y1="584.711"
y2="584.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M435.2 435.2h17.067v17.067H435.2z" fill="url(#e)" />
<linearGradient
id="f"
x1="-42.925"
x2="16.982"
y1="615.211"
y2="615.211"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M170.667 102.4H85.333a8.536 8.536 0 0 0-8.533 8.533V256a8.536 8.536 0 0 0 8.533 8.533h85.333a8.536 8.536 0 0 0 8.533-8.533V110.933c.001-4.71-3.822-8.533-8.532-8.533zm-8.534 145.067H93.867v-128h68.267v128z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-42.925"
x2="16.982"
y1="623.711"
y2="623.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M196.267 102.4h51.2v17.067h-51.2z" fill="url(#g)" />
<linearGradient
id="h"
x1="-42.925"
x2="16.982"
y1="619.711"
y2="619.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M196.267 136.533h51.2V153.6h-51.2z" fill="url(#h)" />
<linearGradient
id="i"
x1="-42.925"
x2="16.982"
y1="615.711"
y2="615.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M196.267 170.667h51.2v17.067h-51.2z" fill="url(#i)" />
<linearGradient
id="j"
x1="-42.925"
x2="16.982"
y1="611.711"
y2="611.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M196.267 204.8h51.2v17.067h-51.2z" fill="url(#j)" />
<linearGradient
id="k"
x1="-42.925"
x2="16.982"
y1="615.211"
y2="615.211"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M375.467 102.4h-85.333a8.536 8.536 0 0 0-8.533 8.533V256a8.536 8.536 0 0 0 8.533 8.533h85.333A8.536 8.536 0 0 0 384 256V110.933a8.536 8.536 0 0 0-8.533-8.533zm-8.534 145.067h-68.267v-128h68.267v128z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-42.925"
x2="16.982"
y1="623.711"
y2="623.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M401.067 102.4h51.2v17.067h-51.2z" fill="url(#l)" />
<linearGradient
id="m"
x1="-42.925"
x2="16.982"
y1="619.711"
y2="619.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M401.067 136.533h51.2V153.6h-51.2z" fill="url(#m)" />
<linearGradient
id="n"
x1="-42.925"
x2="16.982"
y1="615.711"
y2="615.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M401.067 170.667h51.2v17.067h-51.2z" fill="url(#n)" />
<linearGradient
id="o"
x1="-42.925"
x2="16.982"
y1="611.711"
y2="611.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M401.067 204.8h51.2v17.067h-51.2z" fill="url(#o)" />
<linearGradient
id="p"
x1="-42.925"
x2="16.982"
y1="597.711"
y2="597.711"
gradientTransform="matrix(8.5333 0 0 -8.5333 369.133 5433.267)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M409.6 324.267h51.2v17.067h-51.2z" fill="url(#p)" />
</svg>
More icons in the same style and category