Add icons to this collection by clicking the heart icon.
Data icon - also known as computer, interface, cloud, data, internet, web, ui, cloud computing, hosting, and server. Created in a clean lineal color style with a white, silver, black, yellow, teal, and orange 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M502.183 406.164H8.986v63.639h493.197z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M72.624 406.164H8.985v63.639h63.639z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#aac4da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M502.183 40.243H8.986v365.92h493.197z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#31e8bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M72.624 40.243H8.985v365.92h63.639z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#1cb28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h214.779v-429.559h-493.197V0h254.554"
transform="translate(287.403 469.802)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 43.8 98.69)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 86.225 98.69)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h294.327"
transform="matrix(1.33333 0 0 -1.33333 234.715 98.69)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h326.146"
transform="translate(176.036 406.164)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h143.187"
transform="translate(8.985 406.164)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h39.773v-39.774"
transform="matrix(1.33333 0 0 -1.33333 574.12 183.54)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 43.8 586.583)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 86.225 586.583)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="matrix(1.33333 0 0 -1.33333 43.8 544.158)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c8.751 0 15.91-7.159 15.91-15.909 0-8.751-7.159-15.91-15.91-15.91-8.75 0-15.909 7.159-15.909 15.91C-15.909-7.159-8.75 0 0 0"
transform="translate(335.132 103.881)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.751 0 15.91-7.159 15.91-15.909 0-8.751-7.159-15.91-15.91-15.91-8.75 0-15.909 7.159-15.909 15.91C-15.909-7.159-8.75 0 0 0"
transform="translate(255.584 103.881)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.751 0 15.91-7.159 15.91-15.909 0-8.751-7.159-15.91-15.91-15.91-8.75 0-15.909 7.159-15.909 15.91C-15.909-7.159-8.75 0 0 0"
transform="translate(168.081 103.881)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c26.33 0 47.729-21.398 47.729-47.729 0-26.33-21.399-47.729-47.729-47.729h-167.051c-26.33 0-47.728 21.399-47.728 47.729C-214.779-21.398-193.381 0-167.051 0c3.978 0 7.875-.557 11.614-1.512 9.387 28.638 36.195 49.241 67.934 49.241 32.615 0 60.059-21.796 68.73-51.547C-13.046-1.353-6.682 0 0 0"
transform="translate(343.087 302.752)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 26.331 21.398 47.729 47.729 47.729 3.977 0 7.875-.557 11.614-1.512 5.522 16.846 17.1 30.868 32.136 39.596-10.53 6.103-22.733 9.645-35.795 9.645-31.74 0-58.547-20.603-67.934-49.241-3.739.955-7.637 1.512-11.614 1.512-26.33 0-47.729-21.398-47.729-47.729 0-26.33 21.399-47.729 47.729-47.729h71.593C21.398-47.729 0-26.33 0 0"
transform="translate(199.9 255.023)"
fill="#fbb040"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 21.966 17.808 39.774 39.773 39.774"
transform="translate(215.81 278.887)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(160.127 262.978)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(176.036 247.068)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(335.132 239.113)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(303.313 239.113)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(271.494 239.113)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-103.412c-26.33 0-47.729 21.398-47.729 47.729 0 26.33 21.399 47.729 47.729 47.729 3.977 0 7.875-.558 11.614-1.512 9.387 28.637 36.194 49.24 67.934 49.24 32.615 0 60.058-21.796 68.729-51.547 5.728 2.466 12.092 3.819 18.774 3.819 26.33 0 47.728-21.399 47.728-47.729C111.367 21.398 89.969 0 63.639 0H23.865"
transform="translate(279.448 207.294)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.75-7.159-15.91-15.91-15.91-8.75 0-15.909 7.16-15.909 15.91s7.159 15.909 15.909 15.909C-7.159 15.909 0 8.75 0 0Z"
transform="translate(271.494 87.972)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.75-7.159-15.91-15.91-15.91-8.75 0-15.909 7.16-15.909 15.91s7.159 15.909 15.909 15.909C-7.159 15.909 0 8.75 0 0Z"
transform="translate(351.042 87.972)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.75-7.159-15.91-15.91-15.91-8.75 0-15.909 7.16-15.909 15.91s7.159 15.909 15.909 15.909C-7.159 15.909 0 8.75 0 0Z"
transform="translate(183.991 87.972)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-79.548"
transform="translate(255.584 183.43)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v39.774h167.051V0"
transform="translate(168.081 103.881)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(279.448 175.475)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.91"
transform="translate(311.268 175.475)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(215.81 175.475)"
fill="none"
stroke="#fff"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.909"
transform="translate(183.991 175.475)"
fill="none"
stroke="#231f20"
stroke-width="15.91"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category