Add icons to this collection by clicking the heart icon.
Responsive icon - also known as computer, clock, time, laptop, time management, responsive, and time and date. Created in a clean lineal 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="-128.752"
y1="348.752"
x2="347.728"
y2="-127.728"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset="0.518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="173.248"
y1="650.752"
x2="649.728"
y2="174.272"
href="#a"
/>
<linearGradient
id="c"
x1="29.248"
y1="506.752"
x2="505.728"
y2="30.272"
href="#a"
/>
<linearGradient
id="d"
x1="17.248"
y1="494.752"
x2="493.728"
y2="18.272"
href="#a"
/>
<linearGradient
id="e"
x1="17.248"
y1="494.753"
x2="493.728"
y2="18.272"
href="#a"
/>
<linearGradient
id="f"
x1="-62.752"
y1="414.752"
x2="413.728"
y2="-61.728"
href="#a"
/>
<linearGradient
id="g"
x1="109.248"
y1="586.752"
x2="585.728"
y2="110.272"
href="#a"
/>
<linearGradient
id="h"
x1="-42.752"
y1="434.752"
x2="433.728"
y2="-41.728"
href="#a"
/>
<linearGradient
id="i"
x1="93.248"
y1="570.752"
x2="569.728"
y2="94.272"
href="#a"
/>
</defs>
<g>
<path
d="M164,56H28A20.02,20.02,0,0,0,8,76v96a20.02,20.02,0,0,0,20,20H68.9l-2.67,8H56a8,8,0,0,0,0,16h80a8,8,0,0,0,0-16H125.77l-2.67-8H164a20.02,20.02,0,0,0,20-20V76A20.02,20.02,0,0,0,164,56ZM83.1,200l2.67-8h20.46l2.67,8ZM168,172a4,4,0,0,1-4,4H28a4,4,0,0,1-4-4V76a4,4,0,0,1,4-4H164a4,4,0,0,1,4,4Z"
fill="url(#a)"
/>
<path
d="M456,464h-8V396a20.02,20.02,0,0,0-20-20H324a20.02,20.02,0,0,0-20,20v68h-8a8,8,0,0,0-8,8v12a20.02,20.02,0,0,0,20,20H444a20.02,20.02,0,0,0,20-20V472A8,8,0,0,0,456,464ZM320,396a4,4,0,0,1,4-4H428a4,4,0,0,1,4,4v68H320Zm128,88a4,4,0,0,1-4,4H308a4,4,0,0,1-4-4v-4H448Z"
fill="url(#b)"
/>
<path
d="M124,376H68a20.02,20.02,0,0,0-20,20v88a20.02,20.02,0,0,0,20,20h56a20.02,20.02,0,0,0,20-20V396A20.02,20.02,0,0,0,124,376Zm4,108a4,4,0,0,1-4,4H68a4,4,0,0,1-4-4v-4h64Zm0-20H64V416h64Zm0-64H64v-4a4,4,0,0,1,4-4h56a4,4,0,0,1,4,4Z"
fill="url(#c)"
/>
<path
d="M376,8A128,128,0,1,0,504,136,128.146,128.146,0,0,0,376,8Zm8,239.711V240a8,8,0,0,0-16,0v7.711A112.168,112.168,0,0,1,264.289,144H272a8,8,0,0,0,0-16h-7.711A112.168,112.168,0,0,1,368,24.289V32a8,8,0,0,0,16,0V24.289A112.168,112.168,0,0,1,487.711,128H480a8,8,0,0,0,0,16h7.711A112.168,112.168,0,0,1,384,247.711Z"
fill="url(#d)"
/>
<path
d="M397.655,146.34a23.988,23.988,0,0,0-13.775-33.005A8.043,8.043,0,0,0,384,112V56a8,8,0,0,0-16,0v56a8.043,8.043,0,0,0,.12,1.335,24,24,0,1,0,18.22,44.32l24,24a8,8,0,1,0,11.314-11.314ZM368,136a8,8,0,1,1,8,8A8.009,8.009,0,0,1,368,136Z"
fill="url(#e)"
/>
<path
d="M200,144h32a8,8,0,0,0,0-16H200a8,8,0,0,0,0,16Z"
fill="url(#f)"
/>
<path
d="M384,360V280a8,8,0,0,0-16,0v80a8,8,0,0,0,16,0Z"
fill="url(#g)"
/>
<path
d="M104,360V232a8,8,0,0,0-16,0V360a8,8,0,0,0,16,0Z"
fill="url(#h)"
/>
<path
d="M296,440a8,8,0,0,0-8-8H160a8,8,0,0,0,0,16H288A8,8,0,0,0,296,440Z"
fill="url(#i)"
/>
</g>
</svg>
More icons in the same style and category