Add icons to this collection by clicking the heart icon.
Key icon - also known as security, pass, key, password, Tools and utensils, door key, passkey, and access. Created in a clean gradient 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="596"
height="596"
viewBox="-16 0 447 447.963"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="325.483"
x2="325.483"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="252.105"
x2="252.105"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="75.826"
x2="75.826"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="74.412"
x2="74.412"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="241.289"
x2="241.289"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="31.982"
x2="31.982"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="277.982"
x2="277.982"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="155.482"
x2="155.482"
y1="6.732"
y2="442.437"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M347.996 47.715a46.44 46.44 0 0 0-44.918-12.164 46.431 46.431 0 0 0-20.742 77.824l20.633 20.633a46.431 46.431 0 1 0 65.66-65.66zm12.149 77.8c-13.457 13.422-35.235 13.422-48.692 0l-20.633-20.624c-13.445-13.446-13.445-35.243 0-48.688 13.446-13.445 35.246-13.445 48.692 0l20.629 20.633c13.421 13.453 13.421 35.23 0 48.684zm0 0"
/>
<path
fill="url(#c)"
d="M372.152 23.563c-30.183-30.141-78.629-31.54-110.504-3.188-31.87 28.352-36.128 76.629-9.71 110.121L89.613 292.82a6.005 6.005 0 0 0 0 8.485l60.813 60.808a5.998 5.998 0 0 0 8.484 0l17.68-17.675a5.998 5.998 0 0 0 0-8.485l-32.527-32.527 2.12-2.121 22.63 22.625a5.998 5.998 0 0 0 8.484 0l17.676-17.676a5.998 5.998 0 0 0 0-8.484l-22.63-22.63 2.126-2.12 31.816 31.82a6.003 6.003 0 0 0 8.488 0l17.676-17.676a6.003 6.003 0 0 0 0-8.488l-31.82-31.817 83.687-83.687c33.13 27.492 82.02 24.094 111.024-7.723 29.004-31.812 27.875-80.808-2.559-111.258zm-184.25 227.539 31.82 31.816-9.19 9.191-31.821-31.816a6.003 6.003 0 0 0-8.488 0l-10.606 10.605a5.998 5.998 0 0 0 0 8.485l22.63 22.629-9.196 9.191-22.625-22.629a6.005 6.005 0 0 0-8.485 0l-10.609 10.61a6.005 6.005 0 0 0 0 8.484l32.527 32.527-9.191 9.192-52.324-52.325 157.68-157.683 15.558 15.559-87.68 87.675a6.003 6.003 0 0 0 0 8.489zM384.301 149.68c-26.805 26.742-70.2 26.742-97.008 0l-20.629-20.633c-26.45-26.844-26.289-70 .36-96.645 26.648-26.648 69.8-26.804 96.644-.355l20.629 20.633c26.746 26.8 26.746 70.195.004 97zm0 0"
/>
<path
fill="url(#d)"
d="m89.613 343.73-36.062 36.063a5.998 5.998 0 0 0 0 8.484 6.003 6.003 0 0 0 8.488 0l36.059-36.062a5.998 5.998 0 0 0-.032-8.45 6.006 6.006 0 0 0-8.453-.035zm0 0"
/>
<path
fill="url(#e)"
d="M88.2 230.594a6.006 6.006 0 0 0 8.452-.035 6.002 6.002 0 0 0 .035-8.45l-36.062-36.062c-2.344-2.344-6.145-2.344-8.488 0s-2.344 6.14 0 8.484zm0 0"
/>
<path
fill="url(#f)"
d="M227.5 352.922c-2.344-2.344-6.14-2.344-8.484 0s-2.344 6.144 0 8.484l36.066 36.067a6.001 6.001 0 0 0 8.484-.004 5.998 5.998 0 0 0 0-8.485zm0 0"
/>
<path
fill="url(#g)"
d="M63.48 292.965c0-3.317-2.683-6-6-6h-51c-3.312 0-6 2.683-6 6 0 3.312 2.688 6 6 6h51c3.317 0 6-2.688 6-6zm0 0"
/>
<path
fill="url(#h)"
d="M303.48 286.965h-51c-3.312 0-6 2.683-6 6 0 3.312 2.688 6 6 6h51c3.317 0 6-2.688 6-6 0-3.317-2.683-6-6-6zm0 0"
/>
<g fill="url(#i)">
<path
d="M155.48 201.965c3.317 0 6-2.688 6-6v-51c0-3.317-2.683-6-6-6-3.312 0-6 2.683-6 6v51c0 3.312 2.688 6 6 6zM155.48 384.965c-3.312 0-6 2.683-6 6v51c0 3.312 2.688 6 6 6 3.317 0 6-2.688 6-6v-51c0-3.317-2.683-6-6-6zm0 0"
/>
</g>
</svg>
More icons in the same style and category