Add icons to this collection by clicking the heart icon.
Key icon - also known as security, key, electronics, hacker, encryption, and cyber. Created in a clean blue style, 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="512"
height="512"
viewBox="0 0 28 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#e8edfc"
d="M22 1H6a5 5 0 0 0-5 5v16a5 5 0 0 0 5 5h16a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zm-.59 7.41c-.37.38-.88.593-1.41.59H8a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2h12a2.006 2.006 0 0 1 2 2c.003.53-.21 1.04-.59 1.41z"
/>
<path
fill="#cad9fc"
d="M22 1h-3a5 5 0 0 1 5 5v16a5 5 0 0 1-5 5h3a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5z"
/>
<path
fill="#c6d8fb"
d="M8 27v9.056c0 .621.145 1.233.422 1.789l2.208 4.414a2 2 0 0 1 .108 1.527l-.527 1.582a2 2 0 0 0 0 1.264l.527 1.582a2 2 0 0 1-.108 1.527l-.26.518a2 2 0 0 0-.108 1.527l.635 1.906a2 2 0 0 1 .1.633V57a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2.675a2 2 0 0 1 .1-.633l.635-1.906a2 2 0 0 0-.108-1.527l-.26-.518a2 2 0 0 1-.108-1.527l.527-1.582a2 2 0 0 0 0-1.264l-.527-1.582a2 2 0 0 1 .108-1.527l2.208-4.414c.28-.555.426-1.168.428-1.789V27z"
/>
<path
fill="#a4c3fd"
d="M17 27v9.056a4 4 0 0 1-.422 1.788l-2.208 4.415a2 2 0 0 0-.108 1.527l.527 1.582a2 2 0 0 1 0 1.264l-.527 1.582a2 2 0 0 0 .108 1.527l.26.518a2 2 0 0 1 .108 1.527l-.638 1.906a2 2 0 0 0-.1.632V57a2 2 0 0 1-1.5 1.929c.163.045.331.069.5.071h2a2 2 0 0 0 2-2v-2.676a2 2 0 0 1 .1-.632l.635-1.906a2 2 0 0 0-.108-1.527l-.26-.518a2 2 0 0 1-.108-1.527l.527-1.582a2 2 0 0 0 0-1.264l-.527-1.582a2 2 0 0 1 .108-1.527l2.208-4.415A4 4 0 0 0 20 36.056V27z"
/>
<circle cx="10" cy="15" r="2" fill="#e8edfc" />
<path
fill="#fff"
d="M14 57v-2.676a2 2 0 0 0-.1-.632l-.635-1.906a2 2 0 0 1 .108-1.527l.26-.518a2 2 0 0 0 .108-1.527l-.527-1.582a2 2 0 0 1 0-1.264l.527-1.582a2 2 0 0 0-.108-1.527l-2.208-4.415A4 4 0 0 1 11 36.056V27H9a5 5 0 0 1-5-5V6a5 5 0 0 1 5-5H6a5 5 0 0 0-5 5v16a5 5 0 0 0 5 5h2v9.056a4 4 0 0 0 .422 1.788l2.208 4.415a2 2 0 0 1 .108 1.527l-.527 1.582a2 2 0 0 0 0 1.264l.527 1.582a2 2 0 0 1-.108 1.527l-.26.518a2 2 0 0 0-.108 1.527l.635 1.906a2 2 0 0 1 .1.632V57a2 2 0 0 0 2 2h2c.169-.002.337-.026.5-.071A2 2 0 0 1 14 57z"
/>
<path fill="#fff" d="M0 14h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="18" r="1" />
<path
d="M22 0H6a6.006 6.006 0 0 0-6 6v8a1 1 0 0 0 2 0V6a4 4 0 0 1 4-4h16a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4h-1v-5a1 1 0 0 1 1-1h1a1 1 0 0 0 0-2h-1a3 3 0 0 0-3 3v5h-2V16a1 1 0 0 0-2 0v10h-2v-3a1 1 0 0 0-2 0v3H9v-4a3 3 0 0 0-3-3H5a1 1 0 0 0 0 2h1a1 1 0 0 1 1 1v4H6a4 4 0 0 1-4-4 1 1 0 0 0-2 0 6.006 6.006 0 0 0 6 6h1v8.056c.001.776.182 1.541.527 2.236l2.208 4.414a1 1 0 0 1 .055.764l-.528 1.582a3.024 3.024 0 0 0 0 1.9l.527 1.581a1 1 0 0 1-.054.763l-.26.519a2.981 2.981 0 0 0-.163 2.291l.636 1.907a.975.975 0 0 1 .051.314V57a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2.676c0-.107.017-.213.051-.315l.636-1.906a2.979 2.979 0 0 0-.164-2.292l-.258-.517a1 1 0 0 1-.055-.764l.528-1.582a3.024 3.024 0 0 0 0-1.9l-.527-1.578a1 1 0 0 1 .055-.764l2.208-4.415A5.04 5.04 0 0 0 21 36.056V28h1a6.006 6.006 0 0 0 6-6V6a6.006 6.006 0 0 0-6-6zm-3.316 37.4-2.208 4.415a2.981 2.981 0 0 0-.163 2.291l.527 1.58a1 1 0 0 1 0 .633l-.527 1.581a2.979 2.979 0 0 0 .164 2.292l.258.517a1 1 0 0 1 .055.764l-.636 1.905a2.994 2.994 0 0 0-.154.949V57a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2.676c0-.322-.052-.642-.154-.948l-.636-1.906a1 1 0 0 1 .054-.763l.26-.519a2.981 2.981 0 0 0 .163-2.291l-.527-1.58a1 1 0 0 1 0-.633l.528-1.581a2.981 2.981 0 0 0-.163-2.291L9.316 37.4A3.022 3.022 0 0 1 9 36.056V28h4v11a1 1 0 0 0 2 0V28h4v8.056c0 .466-.108.926-.316 1.344z"
/>
<path
d="M23 7a3 3 0 0 0-3-3H8a3 3 0 0 0 0 6h12a3 3 0 0 0 3-3zm-3 1H8a1 1 0 1 1 0-2h12a1 1 0 0 1 0 2zM7 15a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"
/>
<circle cx="20" cy="14" r="1" />
</g>
</g>
</svg>
More icons in the same style and category