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 flat gradient style with a 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="b"
x1="47"
x2="47"
y1="23"
y2="56"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#42bfff" />
<stop offset="1" stop-color="#1174ac" />
</linearGradient>
<linearGradient
id="c"
x1="21"
x2="21"
y1="32"
y2="61"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc033" />
<stop offset="1" stop-color="#ef8e2e" />
</linearGradient>
<linearGradient
id="a"
x1="42"
x2="52"
y1="38"
y2="38"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#002237" />
<stop offset="1" stop-color="#003352" />
</linearGradient>
<linearGradient id="d" x2="48.43" y1="43" y2="43" href="#a" />
<linearGradient id="e" y1="48" y2="48" href="#a" />
<linearGradient
id="f"
x1="21"
x2="21"
y1="7"
y2="34"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4991f" />
<stop offset="1" stop-color="#d4651c" />
</linearGradient>
<linearGradient id="g" x1="34.5" x2="34.5" y1="32" y2="3" href="#a" />
<rect width="20" height="33" x="37" y="23" fill="url(#b)" rx="5" />
<path
fill="url(#c)"
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-.78V33a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7.71a1 1 0 0 1-.39.8z"
/>
<path fill="url(#a)" d="M42 37h10v2H42z" />
<path fill="url(#d)" d="M42 42h6.43v2H42z" />
<path fill="url(#e)" d="M42 47h10v2H42z" />
<path
fill="url(#f)"
d="M30.11 29.25a13 13 0 0 0-5.38-21.7 12.4 12.4 0 0 0-2.29-.47A13.74 13.74 0 0 0 21 7a13 13 0 0 0-9.11 22.25L11 32.76A1 1 0 0 0 12 34h18a1 1 0 0 0 1-1.24zM21 23a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="url(#g)"
d="M48 28.28V14A11 11 0 0 0 37 3h-6a11 11 0 0 0-11 11v1.13a3.91 3.91 0 0 1 2 0V14a9 9 0 0 1 9-9h6a9 9 0 0 1 9 9v14.28A2 2 0 0 0 45 30a2 2 0 0 0 4 0 2 2 0 0 0-1-1.72z"
/>
<path fill="#b2500d" d="M20 44v16.48l-2-1.59V44z" />
</svg>
More icons in the same style and category