Add icons to this collection by clicking the heart icon.
Key icon - also known as technology, internet, security, marketing, key, website, password, passkey, and web page. Created in a clean lineal color style with a white, silver, gray, black, and olive 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 0v-476.939c0-5.54-4.49-10.031-10.03-10.031H-352c-5.54 0-10.03 4.491-10.03 10.031V0c0 5.54 4.49 10.03 10.03 10.03h341.97C-4.49 10.03 0 5.54 0 0"
transform="translate(437.017 494.47)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-476.943c0-5.536-4.492-10.029-10.028-10.029h-34.618c5.536 0 10.028 4.493 10.028 10.029V0c0 5.535-4.492 10.028-10.028 10.028h34.618C-4.492 10.028 0 5.535 0 0"
transform="translate(437.012 494.472)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-57.64h-362.03V0c0 5.54 4.49 10.03 10.03 10.03h341.97C-4.5 10.03 0 5.54 0 0"
transform="translate(437.017 494.47)"
fill="#688d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-57.64h-34.62V0c0 5.54-4.5 10.03-10.03 10.03h34.62C-4.5 10.03 0 5.54 0 0"
transform="translate(437.017 494.47)"
fill="#547984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-341.972C-347.51 0-352 4.49-352 10.029v476.938c0 5.539 4.49 10.028 10.028 10.028H0c5.539 0 10.028-4.489 10.028-10.028V10.029C10.028 4.49 5.539 0 0 0Z"
transform="translate(426.983 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 0h.104"
transform="translate(109.115 473.357)"
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.104"
transform="translate(135.02 473.357)"
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.104"
transform="translate(160.926 473.357)"
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-362.03"
transform="translate(437.017 436.83)"
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-117.664a5 5 0 0 0-5 5v26.193a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(388.599 298.5)"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-26.189c0-2.76-2.24-5-5-5h-24c2.76 0 5 2.24 5 5V0c0 2.771-2.24 5-5 5h24c2.76 0 5-2.229 5-5"
transform="translate(393.6 329.69)"
fill="#97d729"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-117.664a5 5 0 0 0-5 5v26.193a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(388.599 298.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 0h127.664"
transform="translate(265.935 267.976)"
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 0h127.664"
transform="translate(265.935 237.451)"
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 0h127.664"
transform="translate(265.935 206.927)"
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 0h81.266"
transform="translate(312.333 176.402)"
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 0h81.266"
transform="translate(312.333 145.879)"
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 0h81.266"
transform="translate(312.333 115.355)"
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 0h81.266"
transform="translate(312.333 84.83)"
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 0h81.266"
transform="translate(312.333 54.306)"
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 0v213.901h-29.692"
transform="translate(195.96 120.792)"
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-24.009"
transform="translate(195.96 310.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 0c1.584-.853 2.538-2.508 2.535-4.307v-.032c0-11.851 9.609-21.459 21.46-21.459 11.852 0 21.46 9.608 21.46 21.459v.032C45.452-2.508 46.406-.853 47.99 0c7.192 3.869 11.923 11.72 11.242 20.602-.803 10.483-9.3 18.944-19.787 19.71-4.761.346-9.221-.864-12.927-3.172a4.769 4.769 0 0 0-5.044 0c-3.707 2.308-8.167 3.518-12.929 3.172-10.485-.766-18.983-9.227-19.787-19.71C-11.922 11.72-7.191 3.869 0 0"
transform="translate(171.966 83.652)"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.59-.851-2.54-2.511-2.54-4.301v-.039c0-11.85-9.609-21.461-21.46-21.461-8.83 0-16.42 5.34-19.7 12.961.36-.02.74-.03 1.11-.03 11.85 0 21.46 9.599 21.46 21.46v.029c0 1.801.95 3.45 2.54 4.301 7.191 3.869 11.92 11.72 11.24 20.609a21.05 21.05 0 0 1-1.7 6.801c.17 0 .33-.011.5-.02 10.49-.76 18.98-9.22 19.79-19.71C11.92 11.72 7.19 3.869 0 0"
transform="translate(219.96 83.65)"
fill="#97d729"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.584-.853 2.538-2.508 2.535-4.307v-.032c0-11.851 9.609-21.459 21.46-21.459 11.852 0 21.46 9.608 21.46 21.459v.032C45.452-2.508 46.406-.853 47.99 0c7.192 3.869 11.923 11.72 11.242 20.602-.803 10.483-9.3 18.944-19.787 19.71-4.761.346-9.221-.864-12.927-3.172a4.769 4.769 0 0 0-5.044 0c-3.707 2.308-8.167 3.518-12.929 3.172-10.485-.766-18.983-9.227-19.787-19.71C-11.922 11.72-7.191 3.869 0 0Z"
transform="translate(171.966 83.652)"
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 10.581-.03"
transform="translate(260.655 96.344)"
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 9.179 5.253"
transform="translate(256.147 121.616)"
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-9.148 5.307"
transform="translate(265.148 65.792)"
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-10.581-.03"
transform="translate(131.267 96.344)"
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-9.18 5.253"
transform="translate(135.775 121.616)"
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 9.148 5.307"
transform="translate(126.773 65.792)"
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 0h128.33"
transform="translate(159.364 388.824)"
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.104"
transform="translate(324.757 388.824)"
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.104"
transform="translate(352.532 388.824)"
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