Add icons to this collection by clicking the heart icon.
Web Lock icon - also known as computer, security, lock, padlock, ui, keyword, login, and web lock. Created in a clean lineal color style with a white, silver, gray, black, red, yellow, and purple 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 0a2559.438 2559.438 0 0 1-402.843 0c-20.048-1.58-36.066-17.257-38.234-37.25-11.786-108.688-11.786-217.375 0-326.063 2.168-19.994 18.186-35.67 38.234-37.25a2559.438 2559.438 0 0 1 402.843 0c20.048 1.58 36.066 17.256 38.234 37.25 11.786 108.688 11.786 217.375 0 326.063C36.066-17.257 20.048-1.58 0 0"
transform="translate(457.421 496.556)"
fill="#efe7e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.2.02c-163.317 14.4-326.633 14.4-489.95 0l-.2-.03c1.39 21.06 3.23 42.109 5.52 63.169 2.169 19.999 18.189 35.679 38.229 37.259a2560.504 2560.504 0 0 0 402.851 0c20.041-1.58 36.06-17.26 38.23-37.259C-3.23 42.109-1.39 21.05 0 0"
transform="translate(501.18 396.138)"
fill="#b4aaaa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.41-.84-26.82-1.79-40.229-2.85C-60.27-4.43-76.29-20.11-78.459-40.1c-11.79-108.689-11.79-217.378 0-326.067 2.169-19.989 18.189-35.669 38.23-37.249 49.709-3.92 99.408-6.38 149.098-7.39"
transform="translate(94.802 499.408)"
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 0c110.979 5.72 221.958 4.2 332.937-4.55 20.04-1.58 36.06-17.26 38.23-37.249 11.789-108.689 11.789-217.378 0-326.067a41.946 41.946 0 0 0-23.07-33.08"
transform="translate(124.491 501.107)"
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 0c163.317 14.4 326.643 14.4 489.96 0"
transform="translate(11.02 396.16)"
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 12.955-10.502 23.457-23.457 23.457S-46.913 12.955-46.913 0s10.501-23.457 23.456-23.457S0-12.955 0 0"
transform="translate(94.24 451.392)"
fill="#d82e3d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.955-10.502 23.457-23.457 23.457-12.954 0-23.456-10.502-23.456-23.457s10.502-23.457 23.456-23.457C-10.502-23.457 0-12.955 0 0"
transform="translate(234.98 451.392)"
fill="#78d090"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.955-10.502 23.457-23.457 23.457-12.954 0-23.456-10.502-23.456-23.457s10.502-23.457 23.456-23.457C-10.502-23.457 0-12.955 0 0"
transform="translate(164.61 451.392)"
fill="#f1d333"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 12.955-10.502 23.457-23.457 23.457S-46.913 12.955-46.913 0s10.501-23.457 23.456-23.457S0-12.955 0 0Z"
transform="translate(94.24 451.392)"
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 12.955-10.502 23.457-23.457 23.457-12.954 0-23.456-10.502-23.456-23.457s10.502-23.457 23.456-23.457C-10.502-23.457 0-12.955 0 0Z"
transform="translate(234.98 451.392)"
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 12.955-10.502 23.457-23.457 23.457-12.954 0-23.456-10.502-23.456-23.457s10.502-23.457 23.456-23.457C-10.502-23.457 0-12.955 0 0Z"
transform="translate(164.61 451.392)"
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 0a469.14 469.14 0 0 1-34.256-1.265c-12.256-.9-21.813-10.776-22.231-22.97a2358.501 2358.501 0 0 1 .007-160.658c.417-12.194 9.975-22.071 22.231-22.973A468.828 468.828 0 0 1 0-209.132c11.308 0 22.831.426 34.249 1.266 12.256.902 21.814 10.779 22.231 22.973a2358.5 2358.5 0 0 1 .006 160.658c-.418 12.194-9.975 22.07-22.231 22.97A469.092 469.092 0 0 1 0 0m0-255.068c-12.428 0-25.085.468-37.621 1.39-35.703 2.628-63.547 31.524-64.769 67.214a2406.154 2406.154 0 0 0-.006 163.8c1.223 35.694 29.069 64.588 64.774 67.212A515.802 515.802 0 0 0 0 45.936c12.426 0 25.084-.467 37.621-1.388 35.706-2.624 63.552-31.518 64.775-67.211a2405.537 2405.537 0 0 0-.007-163.801c-1.221-35.69-29.066-64.586-64.769-67.214A515.11 515.11 0 0 0 0-255.068"
transform="translate(338.001 317.818)"
fill="#695e66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a470.968 470.968 0 0 0-22.666-1.101c3.876-.098 7.745-.165 11.584-.165C.226-1.266 11.749-.84 23.167 0c12.256.902 21.814 10.778 22.231 22.973a2358.5 2358.5 0 0 1 .006 160.658c-.418 12.194-9.975 22.07-22.231 22.97a469.653 469.653 0 0 1-34.255 1.265c-3.839 0-7.707-.067-11.584-.165a472.57 472.57 0 0 0 22.672-1.1c12.256-.9 21.814-10.776 22.231-22.97a2358.5 2358.5 0 0 0-.006-160.658C21.814 10.778 12.256.902 0 0"
transform="translate(372.254 109.953)"
fill="#453e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-35.703 2.627-63.548 31.523-64.77 67.214a2405.507 2405.507 0 0 0-.005 163.8c1.222 35.694 29.068 64.588 64.773 67.212a519.08 519.08 0 0 0 26.039 1.239c-3.875.089-7.743.149-11.584.149-12.426 0-25.084-.467-37.622-1.388-35.705-2.624-63.551-31.518-64.773-67.212a2405.507 2405.507 0 0 1 .005-163.8C-86.715 31.523-58.87 2.627-23.167 0a515.089 515.089 0 0 1 37.62-1.39c3.841 0 7.709.06 11.584.149C17.375-1.042 8.66-.637 0 0"
transform="translate(323.552 64.14)"
fill="#453e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.09 23.6.53 47.179 1.33 70.579.43 12.2 9.98 22.08 22.23 22.97 11.43.84 22.95 1.27 34.259 1.27 11.31 0 22.83-.43 34.26-1.27 12.25-.89 21.81-10.77 22.23-22.97.14-4.08.27-8.17.39-12.26M115.639 0c-.04 9.46-.13 18.93-.28 28.37M-45.96-4.017a2395.76 2395.76 0 0 0 1.39 76.174c1.217 35.692 29.066 64.586 64.769 67.204a510.325 510.325 0 0 0 75.244 0c35.703-2.618 63.552-31.512 64.769-67.204a2392.799 2392.799 0 0 0 1.39-76.174"
transform="translate(280.18 223)"
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 0c-30.402 0-61.06.882-91.667 2.631-21.997 1.258-39.585 18.759-40.977 40.748a1027.892 1027.892 0 0 0-.01 129.799c1.392 21.988 18.981 39.489 40.977 40.745A1611.618 1611.618 0 0 0 0 216.551c30.399 0 61.097-.882 91.677-2.628 21.996-1.256 39.585-18.757 40.976-40.745a1027.892 1027.892 0 0 0-.009-129.799c-1.393-21.989-18.981-39.49-40.978-40.748A1609.159 1609.159 0 0 0 0 0"
transform="translate(338.001 7.504)"
fill="#81a7c6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.48.161-6.959.356-10.428.551-21.991 1.252-39.585 18.754-40.975 40.746a1028.534 1028.534 0 0 0-.011 129.804c1.39 21.98 18.983 39.482 40.975 40.745 3.48.195 6.948.39 10.427.551-12.919-7.58-21.831-21.234-22.83-37.093a1092.529 1092.529 0 0 1 .011-138.211C-21.832 21.234-12.92 7.58 0 0"
transform="translate(256.761 9.584)"
fill="#5c90b9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-30.402 0-61.06.882-91.667 2.631-21.997 1.258-39.585 18.759-40.977 40.748a1027.892 1027.892 0 0 0-.01 129.799c1.392 21.988 18.981 39.489 40.977 40.745A1611.618 1611.618 0 0 0 0 216.551c30.399 0 61.097-.882 91.677-2.628 21.996-1.256 39.585-18.757 40.976-40.745a1027.892 1027.892 0 0 0-.009-129.799c-1.393-21.989-18.981-39.49-40.978-40.748A1609.159 1609.159 0 0 0 0 0Z"
transform="translate(338.001 7.504)"
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-18.38 31.835C-6.279 38.836 1.627 52.282.617 67.487c-1.294 19.456-17.498 34.999-36.991 35.54-21.571.599-39.247-16.71-39.247-38.147 0-14.124 7.679-26.446 19.083-33.045L-74.917 0c-6.31-10.929 1.577-24.59 14.197-24.59h46.523C-1.578-24.59 6.31-10.929 0 0"
transform="translate(375.46 76.553)"
fill="#453e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.38 31.835C-6.279 38.836 1.627 52.282.617 67.487c-1.294 19.456-17.498 34.999-36.991 35.54-21.571.599-39.247-16.71-39.247-38.147 0-14.124 7.679-26.446 19.083-33.045L-74.917 0c-6.31-10.929 1.577-24.59 14.197-24.59h46.523C-1.578-24.59 6.31-10.929 0 0Z"
transform="translate(375.46 76.553)"
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 0h141.716"
transform="translate(51.433 357.223)"
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 0h141.716"
transform="translate(51.433 316.174)"
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 0h141.716"
transform="translate(51.433 275.125)"
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 0h86.007"
transform="translate(51.433 234.077)"
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