Add icons to this collection by clicking the heart icon.
Key icon - also known as interface, data, security, bolt, protection, lock, locked, key, symbol, protect, ui, coding, binary code, binary, database, programing, encrypt, and encryption. Created in a clean lineal color style with a gray, black, red, teal, 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>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 10.464-8.482 18.947-18.947 18.947h-9.642c-10.465 0-18.948-8.483-18.948-18.947v22.337c0 13.127-10.641 23.768-23.768 23.768h-8.776c-13.127 0-23.769-10.641-23.769-23.768v8.776c0 13.127-10.641 23.769-23.768 23.769h-8.777c-13.126 0-23.768-10.642-23.768-23.769V9.348v153.125c0 16.004-12.973 28.977-28.977 28.977-15.097 0-27.337-12.24-27.337-27.337V-57.042l-33.841 19.539c-16.77 9.682-38.214 3.936-47.896-12.834a7.482 7.482 0 0 1 1.189-9.031l114.157-114.156a77.52 77.52 0 0 0 22.705-54.815v-21.687H-26.49v56.719c0 10.689 3.272 21.185 9.663 29.754C-6.261-149.388 0-131.828 0-112.797Z"
transform="translate(307.597 303.723)"
fill="#ffccbf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-9.643c-.474 0-.944-.018-1.41-.052v-111.692c0-19.031-6.261-36.591-16.827-50.756-6.391-8.568-9.663-19.064-9.663-29.753v-20.565c0-19.968-16.188-36.155-36.156-36.155h-67.517v-20H-7.543v56.719c0 10.69 3.272 21.186 9.663 29.754 10.566 14.165 16.827 31.725 16.827 50.756v112.797C18.947-8.483 10.464 0 0 0"
transform="translate(288.65 322.67)"
fill="#feae9e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v24.406a2.442 2.442 0 0 1-2.441 2.442h-49.515a2.441 2.441 0 0 1-2.44-2.442V2.039a2.441 2.441 0 0 0-2.442-2.441h-29.563v-39.005h29.563a2.442 2.442 0 0 0 2.442-2.441v-22.367a2.44 2.44 0 0 1 2.44-2.441h49.515A2.441 2.441 0 0 1 0-64.215v24.406a2.44 2.44 0 0 1-2.441 2.441h-22.226a2.441 2.441 0 0 0-2.44 2.442v30.043a2.441 2.441 0 0 0 2.44 2.442h22.226A2.44 2.44 0 0 1 0 0"
transform="translate(233.834 450.162)"
fill="#feae9e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-154.058a3.321 3.321 0 0 0-3.321 3.321v39.561a3.321 3.321 0 0 0 3.321 3.321H0a3.321 3.321 0 0 0 3.321-3.321V3.321A3.321 3.321 0 0 0 0 0"
transform="translate(291.299 7.497)"
fill="#695e66"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-36.679v-1.389c0-13.704-11.11-24.814-24.814-24.814h-95.886v-16.679a3.321 3.321 0 0 1 3.321-3.321H0a3.321 3.321 0 0 1 3.321 3.321v39.561A3.321 3.321 0 0 1 0 0"
transform="translate(291.299 53.7)"
fill="#554e57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.566c-.768 0-1.391.623-1.391 1.392V36.3c0 .768.623 1.391 1.391 1.391H0c.769 0 1.392-.623 1.392-1.391V1.392C1.392.623.769 0 0 0"
transform="translate(397.3 441.812)"
fill="#0cacb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.566c-.768 0-1.391.623-1.391 1.392V36.3c0 .768.623 1.391 1.391 1.391H0c.769 0 1.392-.623 1.392-1.391V1.392C1.392.623.769 0 0 0"
transform="translate(445.498 441.812)"
fill="#0cacb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.566c-.768 0-1.391.623-1.391 1.391V36.3c0 .768.623 1.391 1.391 1.391H0c.769 0 1.392-.623 1.392-1.391V1.391C1.392.623.769 0 0 0"
transform="translate(445.498 379.12)"
fill="#0cacb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-146.447c0-1.086.881-1.968 1.968-1.968h16.815c1.087 0 1.968-.88 1.968-1.967v-35.027c0-1.753 2.12-2.631 3.36-1.391l37.809 37.809c.37.369.87.576 1.392.576h124.226c1.087 0 1.968.882 1.968 1.968V0a1.968 1.968 0 0 1-1.968 1.968H1.968A1.968 1.968 0 0 1 0 0"
transform="translate(314.114 502.535)"
fill="#fc636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.032v-81.281c0-27.118-21.983-49.101-49.101-49.101h-100.405v-18.033c0-1.086.881-1.967 1.968-1.967h16.816a1.967 1.967 0 0 0 1.967-1.968v-35.026c0-1.754 2.12-2.632 3.36-1.392l37.81 37.809c.369.369.869.577 1.391.577H0c1.087 0 1.968.881 1.968 1.967V-1.968A1.968 1.968 0 0 1 0 0"
transform="translate(501.651 504.503)"
fill="#fb4954"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v56.72c0 10.689 3.272 21.185 9.664 29.753 10.565 14.165 16.826 31.725 16.826 50.756v112.797c0 10.464-8.482 18.947-18.947 18.947h-9.642c-10.464 0-18.947-8.483-18.947-18.947v22.337c0 13.127-10.641 23.769-23.769 23.769h-8.776c-13.127 0-23.768-10.642-23.768-23.769v8.777c0 13.127-10.642 23.768-23.769 23.768h-8.776c-13.127 0-23.769-10.641-23.769-23.768v-21.766V412.5c0 16.003-12.973 28.976-28.976 28.976-15.098 0-27.337-12.239-27.337-27.337V273.337"
transform="translate(281.106 53.697)"
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-45.353l-33.841 19.539c-16.77 9.682-38.214 3.936-47.896-12.834a7.482 7.482 0 0 1 1.189-9.031L33.609-161.835a77.526 77.526 0 0 0 22.704-54.815v-21.687"
transform="translate(91.12 292.034)"
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-22.667"
transform="translate(91.12 246.684)"
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-48.584"
transform="translate(147.434 326.063)"
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-48.584"
transform="translate(203.747 326.063)"
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-26.245"
transform="translate(260.06 303.723)"
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 0v24.406a2.442 2.442 0 0 1-2.441 2.442h-49.515a2.441 2.441 0 0 1-2.44-2.442V2.039a2.441 2.441 0 0 0-2.442-2.441h-29.563v-39.005h29.563a2.442 2.442 0 0 0 2.442-2.441v-22.367a2.44 2.44 0 0 1 2.44-2.441h49.515A2.441 2.441 0 0 1 0-64.215v24.406a2.44 2.44 0 0 1-2.441 2.441h-22.226a2.441 2.441 0 0 0-2.44 2.442v30.043a2.441 2.441 0 0 0 2.44 2.442h22.226A2.44 2.44 0 0 1 0 0Z"
transform="translate(233.834 450.162)"
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 0h31.728a3.321 3.321 0 0 0 3.321-3.321v-39.561a3.321 3.321 0 0 0-3.321-3.321H-122.33a3.32 3.32 0 0 0-3.321 3.321v39.561A3.32 3.32 0 0 0-122.33 0H-35"
transform="translate(259.571 53.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 0h-22.566c-.768 0-1.391.623-1.391 1.392V36.3c0 .768.623 1.391 1.391 1.391H0c.769 0 1.392-.623 1.392-1.391V1.392C1.392.623.769 0 0 0Z"
transform="translate(397.3 441.812)"
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 0v34.908"
transform="translate(350.494 443.203)"
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-22.566c-.768 0-1.391.623-1.391 1.392V36.3c0 .768.623 1.391 1.391 1.391H0c.769 0 1.392-.623 1.392-1.391V1.392C1.392.623.769 0 0 0Z"
transform="translate(445.498 441.812)"
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 0v34.908"
transform="translate(469.74 443.203)"
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-22.566c-.768 0-1.391.623-1.391 1.391V36.3c0 .768.623 1.391 1.391 1.391H0c.769 0 1.392-.623 1.392-1.391V1.391C1.392.623.769 0 0 0Z"
transform="translate(445.498 379.12)"
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 0v34.909"
transform="translate(469.74 380.512)"
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 0v34.909"
transform="translate(398.692 380.512)"
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 0v34.909"
transform="translate(373.344 380.512)"
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 0v34.909"
transform="translate(347.995 380.512)"
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 0h51.717c1.087 0 1.969.881 1.969 1.968v146.447a1.969 1.969 0 0 1-1.969 1.967h-185.57a1.967 1.967 0 0 1-1.967-1.967V1.968c0-1.087.881-1.968 1.967-1.968h16.816a1.968 1.968 0 0 0 1.968-1.968v-35.026c0-1.754 2.12-2.631 3.36-1.392L-73.9-.576c.369.368.87.576 1.392.576H-35"
transform="translate(449.934 354.12)"
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