Lock Off Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Lock Off Svg icon is commonly used in login screens, security indicators and password fields. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/308874.svg" alt="Lock Off Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308874.svg" alt="Lock Off Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308874.svg" alt="Lock Off Svg icon" :width="24" :height="24" />
CSS background
.icon-lock-off---svg {
background-image: url('https://proicons.com/icon/308874.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 7C9 5.34315 10.3431 4 12 4C13.3965 4 14.5725 4.95512 14.9055 6.24926C15.0432 6.78411 15.5884 7.1061 16.1232 6.96844C16.6581 6.83078 16.9801 6.28559 16.8424 5.75074C16.2874 3.59442 14.3312 2 12 2C9.23858 2 7 4.23858 7 7V9H5C4.44772 9 4 9.44772 4 10V19C4 20.6569 5.34315 22 7 22H17C18.6569 22 20 20.6569 20 19V10C20 9.44772 19.5523 9 19 9H9V7ZM13 15.5C13 14.6716 13.6716 14 14.5 14H14.51C15.3384 14 16.01 14.6716 16.01 15.5V15.51C16.01 16.3384 15.3384 17.01 14.51 17.01H14.5C13.6716 17.01 13 16.3384 13 15.51V15.5Z" fill="#292929"/> </svg>
Copied!