Add icons to this collection by clicking the heart icon.
Web icon - also known as user, people, web, laptop, person, avatar, hosting, electronics, and programmer. Created in a clean lineal color style with a silver, gray, black, maroon, olive, and pink 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>
</defs>
<path
d="m0 0-75-181L0-362h30V0Z"
transform="matrix(1.33333 0 0 -1.33333 632.66 190)"
fill="#2dade3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-362h147v30L87-181l60 151V0Z"
transform="matrix(1.33333 0 0 -1.33333 436.66 190)"
fill="#49c9ff"
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="M504.495 7.5h-177v362h177z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-30 90.4 60.002-30V0Z"
transform="matrix(1.33333 0 0 -1.33333 592.657 632.667)"
fill="#353535"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.4l87 30V0Z"
transform="matrix(1.33333 0 0 -1.33333 476.66 632.667)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30 90.4 60.002-30V0Z"
transform="matrix(1.33333 0 0 -1.33333 592.657 552.133)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.4l87 30V0Z"
transform="matrix(1.33333 0 0 -1.33333 476.66 552.133)"
fill="#696969"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30 90.4 60.002-30V0Z"
transform="matrix(1.33333 0 0 -1.33333 592.657 471.6)"
fill="#353535"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.4l87 30V0Z"
transform="matrix(1.33333 0 0 -1.33333 476.66 471.6)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30 90.4 60.002-30V0Z"
transform="matrix(1.33333 0 0 -1.33333 592.657 391.067)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60.4l87 30V0Z"
transform="matrix(1.33333 0 0 -1.33333 476.66 391.067)"
fill="#696969"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.003 30.2L0 60.4h30.002V0Z"
transform="matrix(1.33333 0 0 -1.33333 592.657 310.533)"
fill="#353535"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M357.495 339.5h87v-60.4h-87z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M357.495 339.5h117v-302h-117z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
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 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(451.995 309.3)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h117"
transform="translate(357.495 279.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 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(451.995 248.9)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h117"
transform="translate(357.495 218.7)"
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 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(451.995 188.5)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h117"
transform="translate(357.495 158.3)"
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 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(451.995 128.1)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h117"
transform="translate(357.495 97.9)"
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 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(451.995 67.7)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60 60 30-105v-150h45v155.335C15-24.454 9.329-10.575 0 0"
transform="translate(282.505 249.5)"
fill="#b3b3b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-60-60c-9.329-10.575-15-24.454-15-39.665V-255h45v150H0Z"
transform="translate(252.505 309.5)"
fill="#ccc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30v37.8L-30 60Z"
transform="translate(252.505 249.5)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60v37.8L0 60Z"
transform="translate(252.505 249.5)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l20-52.2C-6.68-56.92-1.2-60 5-60c6.2 0 11.68 3.08 15 7.8V-20C20-8.95 11.05 0 0 0"
transform="translate(262.505 339.5)"
fill="#ffb4a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-32.2C-3.32-36.92-8.8-40-15-40c-6.2 0-11.68 3.08-15 7.8-3.32-4.72-8.8-7.8-15-7.8-6.2 0-11.68 3.08-15 7.8V0c0 11.05 8.95 20 20 20h20C-8.95 20 0 11.05 0 0"
transform="translate(252.505 319.5)"
fill="#ffd9d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.318-4.715 8.797-7.798 15-7.798 6.203 0 11.683 3.083 15 7.798 3.317-4.715 8.797-7.798 15-7.798 6.203 0 11.682 3.083 15 7.798 3.317-4.715 8.797-7.798 15-7.798 6.203 0 11.682 3.083 15 7.798"
transform="translate(192.505 287.298)"
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-37l30-10"
transform="translate(267.505 54.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-37l-30-10"
transform="translate(207.505 54.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 0h90"
transform="translate(192.505 249.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-150h45V5.335C45 20.546 39.329 34.425 30 45v70c0 11.046-8.954 20-20 20h-50c-11.046 0-20-8.954-20-20V45c-9.329-10.575-15-24.454-15-39.665V-150h45V0"
transform="translate(252.505 204.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 0h-30l-20-100H0Z"
transform="translate(142.505 369.5)"
fill="#2dade3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M22.505 269.5h90v100h-90z"
fill="#49c9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20-30h30c11.046 0 20 8.954 20 20V0Z"
transform="translate(127.505 279.5)"
fill="#4f4f4f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v10h-120V0c0-11.046 8.954-20 20-20h80C-8.954-20 0-11.046 0 0"
transform="translate(127.505 269.5)"
fill="#696969"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-10c0-11.046 8.954-20 20-20h110c11.046 0 20 8.954 20 20V0Z"
transform="translate(7.505 279.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 0v90h-120V0"
transform="translate(142.505 279.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 0h45"
transform="translate(215.005 204.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 5.023-2.478 9.458-6.268 12.18 2.46 3.966 3.052 9.011 1.13 13.651-1.922 4.64-5.908 7.79-10.452 8.854.755 4.605-.629 9.493-4.18 13.045-3.552 3.551-8.44 4.935-13.045 4.18-1.064 4.544-4.214 8.53-8.854 10.452-4.64 1.922-9.685 1.33-13.651-1.13-2.722 3.79-7.157 6.268-12.18 6.268s-9.458-2.478-12.18-6.268c-3.965 2.46-9.011 3.052-13.651 1.13-4.64-1.922-7.79-5.908-8.854-10.452-4.605.755-9.493-.629-13.045-4.18-3.551-3.552-4.935-8.44-4.18-13.045-4.544-1.064-8.53-4.214-10.452-8.854-1.922-4.64-1.33-9.685 1.13-13.651C-132.522 9.458-135 5.023-135 0s2.478-9.458 6.268-12.18c-2.46-3.966-3.052-9.011-1.13-13.651 1.922-4.64 5.908-7.79 10.452-8.854-.755-4.605.629-9.493 4.18-13.045 3.694-3.693 8.834-5.058 13.596-4.094h68.268c4.762-.964 9.902.401 13.596 4.094 3.551 3.552 4.935 8.44 4.18 13.045 4.544 1.064 8.53 4.214 10.452 8.854 1.922 4.64 1.33 9.685-1.13 13.651C-2.478-9.458 0-5.023 0 0"
transform="translate(305.005 437)"
fill="#40211d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c4.762-.964 9.902.401 13.596 4.094 3.551 3.552 4.935 8.44 4.18 13.045 4.544 1.064 8.53 4.214 10.452 8.854 1.922 4.64 1.33 9.685-1.13 13.651 3.79 2.722 6.268 7.157 6.268 12.18s-2.478 9.457-6.268 12.18c2.46 3.965 3.052 9.011 1.13 13.651-1.922 4.64-5.908 7.79-10.452 8.854.755 4.605-.629 9.493-4.18 13.045-3.552 3.551-8.44 4.935-13.045 4.18-1.064 4.544-4.214 8.53-8.854 10.452-4.64 1.922-9.686 1.33-13.651-1.13-2.722 3.79-7.157 6.268-12.18 6.268s-9.458-2.478-12.18-6.268c-3.966 2.46-9.011 3.052-13.651 1.13-4.64-1.922-7.79-5.908-8.854-10.452-4.605.755-9.493-.629-13.045-4.18-3.551-3.552-4.935-8.44-4.18-13.045-4.544-1.064-8.53-4.214-10.452-8.854-1.922-4.64-1.33-9.686 1.13-13.651-3.79-2.723-6.268-7.157-6.268-12.18s2.478-9.458 6.268-12.18c-2.46-3.966-3.052-9.011-1.13-13.651 1.922-4.64 5.908-7.79 10.452-8.854-.755-4.605.629-9.493 4.18-13.045C-78.17.401-73.031-.964-68.268 0"
transform="translate(271.64 385.176)"
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-90c24.853 0 45 20.147 45 45S24.853 0 0 0"
transform="translate(237.505 459.5)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 24.853-6.716 45-15 45-24.853 0-45-20.147-45-45s20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(252.505 414.5)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853-20.147-45-45-45S-90-24.853-90 0s20.147 45 45 45S0 24.853 0 0Z"
transform="translate(282.505 414.5)"
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