Add icons to this collection by clicking the heart icon.
Key icon - also known as security, travel, key, hotel, vacation, and holiday. Created in a clean lineal color 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 64 64"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="47"
x2="47"
y1="23"
y2="56"
>
<stop offset="0" stop-color="#42bfff" />
<stop offset="1" stop-color="#1174ac" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="21"
x2="21"
y1="32"
y2="61"
>
<stop offset="0" stop-color="#ffc033" />
<stop offset="1" stop-color="#ef8e2e" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
gradientUnits="userSpaceOnUse"
x1="21"
x2="21"
y1="7"
y2="34"
>
<stop offset="0" stop-color="#e4991f" />
<stop offset="1" stop-color="#d4651c" />
</linearGradient>
<linearGradient
id="linear-gradient-4"
gradientUnits="userSpaceOnUse"
x1="47"
x2="47"
y1="39"
y2="37"
>
<stop offset="0" stop-color="#000406" />
<stop offset="1" stop-color="#001521" />
</linearGradient>
<linearGradient
id="linear-gradient-5"
x1="45.21"
x2="45.21"
y1="44"
y2="42"
href="#linear-gradient-4"
/>
<linearGradient
id="linear-gradient-6"
y1="49"
y2="47"
href="#linear-gradient-4"
/>
<linearGradient
id="linear-gradient-7"
x1="32.5"
x2="32.5"
y1="61"
y2="3"
href="#linear-gradient-4"
/>
<g id="Layer_2">
<rect
fill="url(#linear-gradient)"
height="33"
rx="5"
width="20"
x="37"
y="23"
/>
<path
d="m27.61 41.51-2 1.49 2 1.49a1 1 0 0 1 .39.8v1.42a1 1 0 0 1 -.39.8l-2 1.49 2 1.49a1 1 0 0 1 .39.8v4a1 1 0 0 1 -.38.78l-6 4.76a1 1 0 0 1 -1.24 0l-6-4.76a1 1 0 0 1 -.38-.78v-22.29a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7.71a1 1 0 0 1 -.39.8z"
fill="url(#linear-gradient-2)"
/>
<path
d="m30.11 29.25a13 13 0 0 0 -5.38-21.7 12.4 12.4 0 0 0 -2.29-.47 13.74 13.74 0 0 0 -1.44-.08 13 13 0 0 0 -9.11 22.25l-.89 3.51a1 1 0 0 0 1 1.24h18a1 1 0 0 0 1-1.24zm-9.11-6.25a4 4 0 1 1 4-4 4 4 0 0 1 -4 4z"
fill="url(#linear-gradient-3)"
/>
</g>
<g id="Layer_3">
<path d="m42 37h10v2h-10z" fill="url(#linear-gradient-4)" />
<path d="m42 42h6.43v2h-6.43z" fill="url(#linear-gradient-5)" />
<path d="m42 47h10v2h-10z" fill="url(#linear-gradient-6)" />
<path
d="m52 23h-4v-9a11 11 0 0 0 -11-11h-6a11 11 0 0 0 -8.54 4.09 13 13 0 0 0 -10.57 22.16l-.89 3.51a1 1 0 0 0 1 1.24h2v21.24a1 1 0 0 0 .38.78l6 4.76a1 1 0 0 0 1.24 0l6-4.76a1 1 0 0 0 .38-.78v-4a1 1 0 0 0 -.39-.8l-2-1.49 2-1.49a1 1 0 0 0 .39-.8v-1.37a1 1 0 0 0 -.39-.8l-2-1.49 2-1.49a1 1 0 0 0 .39-.8v-6.71h2a1 1 0 0 0 1-1.24l-.86-3.51a13 13 0 0 0 -5.38-21.7 9 9 0 0 1 6.24-2.55h6a9 9 0 0 1 9 9v9h-4a5 5 0 0 0 -5 5v23a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-23a5 5 0 0 0 -5-5zm-26 17.22-2.61 2a1 1 0 0 0 0 1.6l2.61 2v.44l-2.61 2a1 1 0 0 0 0 1.6l2.61 2v3l-5 4-1-.79v-14.07h-2v12.34l-2-1.58v-20.76h10zm6-20.22a11 11 0 0 1 -3.67 8.18 1 1 0 0 0 -.3 1l.69 2.82h-15.44l.72-2.84a1 1 0 0 0 -.3-1 11 11 0 0 1 7.51-19.16 11.22 11.22 0 0 0 -1.21 5.1 5 5 0 1 0 2 0 9 9 0 0 1 1.36-4.84 11 11 0 0 1 8.64 10.74zm-11-4a3 3 0 1 1 -3 3 3 3 0 0 1 3-3zm34 35a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3-3v-23a3 3 0 0 1 3-3h4v3.28a2 2 0 0 0 -1 1.72 2 2 0 0 0 4 0 2 2 0 0 0 -1-1.72v-3.28h4a3 3 0 0 1 3 3z"
fill="url(#linear-gradient-7)"
/>
</g>
</svg>
More icons in the same style and category