Key Icon
Free SVG icon from the Govicons collection. Download or copy for use in any project.
The Key icon is commonly used in password managers, authentication screens and security panels. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/304805.svg" alt="Key icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304805.svg" alt="Key icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304805.svg" alt="Key icon" :width="24" :height="24" />
CSS background
.icon-key {
background-image: url('https://proicons.com/icon/304805.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 56"><title>key</title><path d="M59.17,43.66a1.24,1.24,0,0,0-.37-.8L39.89,24A14.35,14.35,0,0,0,16.54,8.2,14.36,14.36,0,0,0,26.68,32.7a14.21,14.21,0,0,0,5.61-1.14l6.21,6.22a1.33,1.33,0,0,0,1,.38L42.85,38l-.11,3.39a1.3,1.3,0,0,0,1.34,1.34l3.39-.12L47.35,46a1.31,1.31,0,0,0,.38,1,1.21,1.21,0,0,0,1,.38l3.39-.11L52,50.66a1.28,1.28,0,0,0,.41,1,1.29,1.29,0,0,0,.88.35h.15l5.19-.57A1.31,1.31,0,0,0,59.75,50ZM25,16.62a4.08,4.08,0,1,1,0-5.77A4.09,4.09,0,0,1,25,16.62ZM54.74,44.1a1,1,0,0,1-.69.28,1,1,0,0,1-.69-.28L37.27,28a13.73,13.73,0,0,0,1.23-1.53L54.74,42.72A1,1,0,0,1,54.74,44.1Z"/></svg>
More from Govicons
View all
Copied!