Add icons to this collection by clicking the heart icon.
Live icon - also known as computer, screen, monitor, laptop, edit, ui, news, social media, communications, and live. Created in a clean lineal color style with a white, silver, gray, black, and navy 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v285.634c0 18.299 14.834 33.133 33.132 33.133H397.6c18.298 0 33.132-14.834 33.132-33.133V0Z"
transform="translate(40.634 69.767)"
fill="#393e46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23c18.298 0 33.132-14.833 33.132-33.132v-285.635h23v285.635C33.132-14.833 18.298 0 0 0"
transform="translate(438.234 388.533)"
fill="#222831"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v279.632a6 6 0 0 1-6 6h-352.47a6 6 0 0 1-6-6V0Z"
transform="translate(438.235 69.767)"
fill="#5893d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.002a6 6 0 0 0 6-6v-279.632H6V-6a6 6 0 0 1-6 6"
transform="translate(432.235 355.399)"
fill="#4876c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-433c-17.673 0-32 14.327-32 32v26.267a8 8 0 0 0 8 8H24a8 8 0 0 0 8-8V32C32 14.327 17.673 0 0 0"
transform="translate(472.5 7.5)"
fill="#d3d6db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8 8 0 0 0 8-8v-26.267c0-17.673-14.327-32-32-32h23c17.673 0 32 14.327 32 32V-8a8 8 0 0 1-8 8"
transform="translate(496.5 73.767)"
fill="#b0bcd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.282 8.282 0 0 0-8.283-8.283h-132.533A8.283 8.283 0 0 0-149.1 0v99.4a8.283 8.283 0 0 0 8.284 8.283H0Z"
transform="translate(330.55 131.75)"
fill="#eef2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-107.683a8.283 8.283 0 0 0-8.284-8.283h23a8.282 8.282 0 0 1 8.283 8.283V0Z"
transform="translate(307.55 239.433)"
fill="#d3e6f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.149-7.417-16.566-16.567-16.566H-121.25a6 6 0 0 1-4.8-2.401L-144.3-43.3c-2.401-3.2-7.2-3.2-9.6 0l-18.25 24.333a6.001 6.001 0 0 1-4.8 2.401h-104.683c-9.15 0-16.567 7.417-16.567 16.566v165.667c0 9.149 7.417 16.566 16.567 16.566h265.066c9.15 0 16.567-7.417 16.567-16.566Z"
transform="translate(405.1 322.267)"
fill="#eef2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-104.683a5.999 5.999 0 0 1-4.8-2.4l-18.25-24.333c-2.401-3.201-7.201-3.201-9.6 0L-155.583-2.4a6 6 0 0 1-4.8 2.4h-104.683"
transform="translate(388.533 305.7)"
fill="#eef2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23c9.149 0 16.567-7.417 16.567-16.567v-165.666c0-9.15-7.418-16.567-16.567-16.567H0c9.149 0 16.567 7.417 16.567 16.567v165.666C16.567-7.417 9.149 0 0 0"
transform="translate(388.533 504.5)"
fill="#d3e6f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.55-15.4 6.7-8.933c2.4-3.2 7.2-3.2 9.6 0L23 0a6 6 0 0 0 4.8 2.4h-23A6 6 0 0 1 0 0"
transform="translate(256.05 303.3)"
fill="#d3e6f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.149 7.417-16.566 16.567-16.566 9.149 0 16.566 7.417 16.566 16.566s-7.417 16.567-16.566 16.567C7.417 16.567 0 9.149 0 0"
transform="translate(330.55 355.4)"
fill="#393e46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.149 7.417-16.566 16.566-16.566 9.15 0 16.567 7.417 16.567 16.566s-7.417 16.567-16.567 16.567C7.417 16.567 0 9.149 0 0"
transform="translate(272.567 355.4)"
fill="#393e46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.149 7.417-16.566 16.566-16.566 9.15 0 16.567 7.417 16.567 16.566s-7.417 16.567-16.567 16.567C7.417 16.567 0 9.149 0 0"
transform="translate(214.583 355.4)"
fill="#393e46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.149-7.417-16.566-16.567-16.566-9.149 0-16.566 7.417-16.566 16.566 0 9.15 7.417 16.567 16.566 16.567C-7.417 16.567 0 9.15 0 0"
transform="translate(347.117 239.433)"
fill="#85ef47"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h33.134c18.298 0 33.132-14.834 33.132-33.133v-281.634"
transform="translate(405.1 388.534)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v25.304c0 18.299 14.834 33.133 33.132 33.133h33.134"
transform="translate(40.634 330.097)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v226.331"
transform="translate(40.634 73.767)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-33.135v-281.631"
transform="translate(106.9 355.399)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v281.631h-33.135"
transform="translate(438.235 73.768)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-433c-17.673 0-32 14.327-32 32v26.267a8 8 0 0 0 8 8H24a8 8 0 0 0 8-8V32C32 14.327 17.673 0 0 0Z"
transform="translate(472.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.85a8.283 8.283 0 0 1 8.284-8.283h82.833A8.283 8.283 0 0 1 99.4-24.85V0"
transform="translate(206.3 73.767)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v33.133h66.267V0"
transform="translate(73.767 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.149-7.417-16.566-16.567-16.566H-124.25L-149.101-49.7l-24.849 33.134h-107.683c-9.15 0-16.567 7.417-16.567 16.566v165.667c0 9.149 7.417 16.566 16.567 16.566h265.066c9.15 0 16.567-7.417 16.567-16.566Z"
transform="translate(405.1 322.267)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-49.7h33.133"
transform="translate(148.317 454.8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-33.133v49.7H0"
transform="translate(363.683 405.1)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-49.7"
transform="translate(214.583 454.8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 24.85-49.7L49.7 0"
transform="translate(247.717 454.8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-24.85"
transform="translate(355.4 429.95)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.149-7.417-16.566-16.567-16.566-9.149 0-16.566 7.417-16.566 16.566 0 9.15 7.417 16.567 16.566 16.567C-7.417 16.567 0 9.15 0 0Z"
transform="translate(347.117 239.433)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-91.117A8.283 8.283 0 0 0-8.283-99.4h-132.533a8.284 8.284 0 0 0-8.284 8.283v99.4a8.283 8.283 0 0 0 8.284 8.283h124.25"
transform="translate(330.55 222.867)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.149 7.417-16.566 16.567-16.566 9.149 0 16.566 7.417 16.566 16.566s-7.417 16.567-16.566 16.567C7.417 16.567 0 9.149 0 0Z"
transform="translate(330.55 355.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.149 7.417-16.566 16.566-16.566 9.15 0 16.567 7.417 16.567 16.566s-7.417 16.567-16.567 16.567C7.417 16.567 0 9.149 0 0Z"
transform="translate(272.567 355.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-9.149 7.417-16.566 16.566-16.566 9.15 0 16.567 7.417 16.567 16.566s-7.417 16.567-16.567 16.567C7.417 16.567 0 9.149 0 0Z"
transform="translate(214.583 355.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category