Add icons to this collection by clicking the heart icon.
Key icon - also known as web, security, analysis, key, search, seo, access, keyword, and planner. Created in a clean flat 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="512"
height="512"
viewBox="0 0 432.029 432.029"
>
<linearGradient id="a">
<stop offset="0" stop-color="#a1c4fd" />
<stop offset="1" stop-color="#c2e9fb" />
</linearGradient>
<linearGradient
id="c"
x1="-89.884"
x2="-88.884"
y1="610.688"
y2="610.688"
gradientTransform="matrix(431.999 0 0 -431.999 38829.973 264032.875)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#4481eb" />
<stop offset="1" stop-color="#04befe" />
</linearGradient>
<linearGradient
id="d"
x1="-89.884"
x2="-88.884"
y1="609.252"
y2="609.252"
gradientTransform="matrix(432 0 0 -80 38830 48780.191)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="-89.877"
x2="-88.877"
y1="606.608"
y2="606.608"
gradientTransform="matrix(408 0 0 -32 36662 19451.479)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-89.877"
x2="-88.877"
y1="606.608"
y2="606.608"
gradientTransform="matrix(408 0 0 -32 36614 19451.479)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-89.877"
x2="-88.877"
y1="606.608"
y2="606.608"
gradientTransform="matrix(408 0 0 -32 36566 19451.479)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-89.877"
x2="-88.877"
y1="606.608"
y2="606.608"
gradientTransform="matrix(408 0 0 -32 36702 19451.479)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-89.831"
x2="-88.831"
y1="609.913"
y2="609.913"
gradientTransform="matrix(296 0 0 -128 26654 78300.867)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-88.958"
x2="-87.958"
y1="608.077"
y2="608.077"
gradientTransform="matrix(48 0 0 -48 4374 29419.711)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="url(#c)"
d="M432.029 16.015c0-8.839-7.161-16.001-16.001-16.001H16.03C7.191.014.029 7.175.029 16.015v399.998c0 8.839 7.161 16.001 16.001 16.001h399.998c8.839 0 16.001-7.161 16.001-16.001z"
/>
<path
fill="url(#d)"
d="M432 16.015c0-8.834-7.16-16-16-16H16c-8.84 0-16 7.166-16 16v64h432z"
/>
<circle cx="384" cy="40.017" r="16" fill="url(#e)" />
<circle cx="336" cy="40.017" r="16" fill="url(#f)" />
<circle cx="288" cy="40.017" r="16" fill="url(#g)" />
<path
fill="url(#h)"
d="M40 48.017h200c4.416 0 8-3.584 8-8s-3.584-8-8-8H40c-4.416 0-8 3.584-8 8s3.584 8 8 8z"
/>
<path
fill="url(#i)"
d="M191.504 240.017c-3.944 31.552-30.888 56-63.504 56-35.32 0-64-28.68-64-64s28.68-64 64-64c26.84 0 49.84 16.552 59.344 40H344a16.005 16.005 0 0 1 16 16 16.005 16.005 0 0 1-16 16v8c0 8.84-7.16 16-16 16s-16-7.16-16-16c0 8.84-7.16 16-16 16s-16-7.16-16-16c0 8.84-7.16 16-16 16s-16-7.16-16-16c0 8.84-7.16 16-16 16s-16-7.16-16-16v-8z"
/>
<circle cx="128" cy="232.017" r="24" fill="url(#j)" />
</g>
</svg>
More icons in the same style and category